`
Leon.Wood
  • 浏览: 288314 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JQuery的一点使用总结

阅读更多

JQuery的使用 很强大的JS库 用起来也是超级Easy并且还有N多各种各样的插件(具体见文"240多个Jquery插件")

使用的时候只要导入jquery.js 就OK了 也可以使用压缩后的版本jquery.min.js只有19kb

 

还要说明一点 jquery是js库 jquery就是js

 

给自己十分钟 轻松一辈子

 

jQuery: The Write Less, Do More, JavaScript Library  

 

 

当页面载入时执行

$(document).ready(function(){
 //执行代码
});

  

■获取对象

$("*")  获取所有元素
$("#id") 获取id为id的元素对象
$(".maintable") 获取class为maintable的元素对象
$("p")  获得<p></p>标签对象

  

■函数使用

取值
$("#id").val();
赋值
$("#id").val("abcd");

获取html
$("#id").html();
写入
$("#id").html("<input type='text'/>");

  

■AJAX

$.post(url,data,callback,type)
参数说明
url (String) : 发送请求地址。
data (Map) : (可选) 待发送 Key/value 参数。
callback (Function) : (可选) 发送成功时回调函数。
type (String) : (可选) 返回内容格式,xml, html, script, json, text, _default。 

 

 

P.s:上面只是简单介绍一下 具体使用的时候请查看API 如果你要使用js完成什么效果不妨先找一下有没有jquery的插件

 

分享到:
评论

相关推荐

    锋利的jQuery实例

    《锋利的jQuery实例》是人民邮电出版社出版的一本深入浅出的jQuery教程,它以其丰富的实践案例,详尽地介绍了jQuery库的使用方法和技巧。jQuery是一个广泛应用于Web开发的JavaScript库,其核心特性在于它的轻量级...

    JQuery,jQuery,jQuery课程的详细学习资料【jQuery基础教程第2版】

    我们实习的时候,团队中各组员分别学习并总结的劳动成果,JQuery基础教程第2版(人民邮电出版社),很全面的知识总结,现在我拿来,分享给想学习JQuery的求知者,积分要的不多,也算是给我们劳动成果的一点回报,...

    jquery总结

    - **隐式迭代**:在jQuery中,无需手动编写`for`循环来遍历元素集合,jQuery会自动处理这一点。 - **强大的兼容性**:jQuery解决了跨浏览器的问题,开发者可以专注于功能的实现而非兼容性调整。 - **简单的动画效果*...

    jquery插件.rar

    总结,jQuery插件是提升网站用户体验和功能的重要工具。通过理解插件的工作原理,开发者可以创建出符合需求的个性化功能,同时利用现有的优秀插件如jQuery UI和QTip,可以快速构建出专业级别的Web应用。掌握jQuery...

    jQuery购物车自动计算金额表单

    总结起来,"jQuery购物车自动计算金额表单"是一个实际应用案例,展示了如何利用jQuery实现动态计算购物车总价的功能。通过对HTML、CSS和JavaScript的熟练运用,我们可以创建一个功能完备、用户友好的购物车界面。

    jquery很炫的滚动条效果

    总结来说,通过结合jQuery、CSS和JavaScript,我们可以创造出与网站设计风格相匹配的、具有动画效果的滚动条,从而提升用户的浏览体验。记得在实践中不断测试和优化,确保滚动条在各种设备和浏览器上都能正常工作。

    jquery.loehpagerv1.0

    总结,jQuery LoehPager v1.0是一款简单易用的分页插件,它提供了基础的分页功能和一定的定制性,适合于快速搭建具有分页功能的网页。通过理解其工作原理和配置选项,我们可以轻松地将其集成到项目中,提升用户界面...

    四个漂亮的jquery menu

    总结来说,"四个漂亮的jquery menu"涉及到的知识点包括:jQuery库的使用、DOM操作、事件处理(如hover)、CSS样式设计、动画效果(如slideToggle)以及响应式设计。通过学习这些内容,你可以创建出既美观又实用的...

    jQuery左右移动图片

    jQuery的`.on()`方法可以做到这一点。例如,`$("#leftButton").on("click", function() {...})`将监听ID为`leftButton`的元素的点击事件,并在被触发时执行指定的函数。 在函数内部,我们可以通过改变图片的CSS属性...

    JQuery学校选择效果

    使用`keyup`事件结合`filter`方法可以实现这一点: ```javascript $("#searchInput").on("keyup", function() { var searchText = $(this).val().toLowerCase(); $("#schoolSelect option").show().filter...

    jquery loading

    总结起来,jQuery在图片加载方面提供了丰富的功能和灵活性,通过延迟加载、预加载、事件监听、尺寸控制等手段,可以显著提升网页性能和用户体验。了解并熟练运用这些技术,对于优化网页性能至关重要。同时,结合使用...

    jquery 监听 键盘 事件

    在JavaScript的世界里,...总结,jQuery监听键盘事件是提升网页交互体验的重要手段,通过灵活运用`.on()`方法和事件处理函数,可以实现各种复杂的用户交互逻辑。了解并掌握这些技巧,将有助于提升你的前端开发能力。

    jquery实现纯js转置表格

    总结,实现“jQuery实现纯js转置表格”的功能需要理解jQuery库,DOM操作,以及浏览器兼容性的处理。通过以上步骤,我们可以构建一个跨浏览器的表格转置功能,尽管在某些旧版IE浏览器上可能会遇到挑战。在开发过程中...

    jQuery表单验证实例代码

    总结,jQuery表单验证实例代码展示了如何利用jQuery的便利性进行高效且用户友好的表单验证。通过理解上述知识点,开发者可以构建出适应各种需求的验证机制,确保表单数据的准确性和完整性。在实际项目中,应根据具体...

    纯CSS+jQuery制作的相册里图片选中效果一点选中再点取消选中

    总结,通过结合CSS和jQuery,我们可以创建一个具有用户友好的图片选中效果的相册。这种效果不仅增强了用户体验,还为后续的图片操作(如上传、删除、编辑)提供了便利。同时,这样的实践也能帮助开发者深入理解CSS和...

    jquery实现动态改变div宽度和高度

    总结来说,通过本文的介绍,我们可以了解到利用jQuery来动态改变页面元素尺寸的便捷性,以及如何通过编写简单的事件处理函数来响应用户的操作。这种技术在开发响应式网站时尤为有用,它使得开发者能够创建出更加灵活...

    jQuery.slidizle可完全自定义的响应式jQuery幻灯片插件

    响应式设计是现代网页开发的关键,jQuery.slidizle充分考虑了这一点。无论用户使用桌面电脑、平板电脑还是智能手机访问,该插件都能够自动调整布局,确保幻灯片内容在任何设备上都能完美呈现。通过CSS3媒体查询和...

    简单实用jQuery图片放大镜效果

    总结,实现一个简单的jQuery图片放大镜效果主要涉及到HTML布局、CSS样式以及jQuery事件监听和DOM操作。通过这样的方法,我们可以为用户提供一种直观的方式来查看网页中图片的细节,提升用户在浏览产品或欣赏图片时的...

    jquery父子窗口互相获取元素demo

    在jQuery中,可以使用`off()`方法来做到这一点。 5. **性能优化:** 避免频繁地进行跨窗口操作,因为这可能会增加页面的计算负担。合理地组织代码,尽量减少不必要的DOM操作。 总结,"jquery父子窗口互相获取元素...

    jquery ajax无刷新的分页

    我们可以使用jQuery的事件监听器如.on()来实现这一点。 总结来说,"jQuery AJAX无刷新分页"是通过jQuery库利用AJAX技术,结合XML数据源,实现在不刷新整个页面的情况下动态加载和展示分页内容的过程。这个过程涉及...

Global site tag (gtag.js) - Google Analytics