推荐按照jquery官方api文档的顺序来学习, 先学习core:
http://docs.jquery.com/Core
不得不说, 网上的jquery api文档的中文翻译还有不少错误, 也给我制造了不少麻烦, 最后耐心看了官方的, 虽然是英文,却也不难看懂, 比较体贴的是每个api都有src和demo的演示。奉劝初学者不要再走弯路。
这里记录的内容主要是做学习提纲之用,或者提出一些困惑和试用感受。
$(...) The jQuery Function:
$(...)返回的是jquery对象, 其实就是jquery如何快速select dom元素, 并将其封装成jquery内置的对象返回。解析dom可以算是jquery的一大特色, 初学必看!
有四种形式:
1) jQuery( expression, [context] )
expression 是类似xpath的一个路径字符串;
context官方的解释是:A DOM Element, Document or jQuery to use as context
也就是说可以是 document.forms[0].text1这样的element, 或者$("#text1")这种jquery对象,作为上下文, 仅在该上下文中查找。
2) jQuery( html )
很容易明白, 像$("<div><p>abc</p></div>");
虽然也是返回jquery对象, 但一般不会用于select,
多用于补上一段html代码的情况。
3) jQuery( elements )
比如 $(document.body), 这就跟一般的dom查找比较类似了。
4) jQuery( callback )
对于dom对象装载之后的一个callback,用做事件响应之用, 跟上面三种很不一样。
jQuery Object Accessors:
对于jquery对象, 都有如下的几个方法, 以供访问jquery对象之用。
1) each( callback )
callback的完整模式如下:
function callback(index, domElement) {
this; // this == domElement
}
一般情况下,会用简化模式:
function callback(index) {
this; // this == domElement
}
index表示下标, 而this是循环内每个jquery对象。
2) eq( position )
从一组jquery对象中返回指定索引位置的某一个, 索引从0开始
3) get( )
从jquery对象返回dom对象
4)get(index)
从jquery对象返回指定索引的dom对象;跟eq(position)不同的是, eq返回jquery对象。
5)index( subject )
返回对象的索引, 支持dom和jquery对象。
5)length
返回jquery对象的长度, 如果是数组,则长度大于1
Data Cache:
这个特性比较有趣, 实用性不高。
利用jquery对象存储数据
1)data( name ) Returns: Any
返回name保存的数据
2)data( name, value ) Returns: Any
以name作为key,保存value
3)removeData( name ) Returns: jQuery
删除name保存的数据
plugin:
用于对jquery对象的增强和扩展。
1)jQuery.fn.extend( object )
看看例子:
jQuery.fn.extend({
check: function() {
return this.each(function() { this.checked = true; });
},
uncheck: function() {
return this.each(function() { this.checked = false; });
}
});
其实就是为所有jquery对象增加了两个方法check和uncheck
2)jQuery.extend( object )
有点像是增加静态方法, 只能通过jQuery.method 来调用, 并未注册到任何一个jquery对象上
分享到:
相关推荐
、CSS和JavaScript知识的开发者,内容覆盖了jQuery知识体系的全部内容,包括jQuery Core、jQuery Plugin 、jQuery UI、jQuery Mobile以及大量第三方的插件库和2800多个应用jQuery技术的网页参考。
资源名称:jQuery、jQuery UI及jQuery Mobile技巧与示例内容简介:《jQuery、jQuery UI及jQuery Mobile技巧与示例》包括jQuery、jQuery UI、jQuery Mobile以及jQuery插件四部分内容。第一部分介绍jQuery核心库,从...
《jQuery 1.12.4:Web开发中的强大JavaScript库》 jQuery,这个小巧而强大的JavaScript库,自2006年发布以来,已经成为了Web开发者不可或缺的工具。其核心理念是“Write Less, Do More”,即用更少的代码实现更多的...
**jQuery Core Compat版本详解** jQuery,作为一款广泛使用的JavaScript库,自2006年发布以来,极大地简化了DOM操作、事件处理和Ajax交互。它以其简洁的API和跨浏览器兼容性赢得了开发者们的喜爱。在jQuery的发展...
值得注意的是:如果你正在使用jQuery Mobile,请使用最新的jQuery 1.7.2和jQuery Mobile 1.1这两个版本,因为之前的jQuery Mobile版本还基于jQuery core 1.7.1或更早的版本。 jquery-1.7.2.min.js (minified, ...
含有源码及分析文件 博文链接:https://jljlpch.iteye.com/blog/225306
jquery.ui.core.js,jqueryUi所需的js库
jQuery是JavaScript语言的一个新的资源库(框架) 为...注:如果你正在使用jQuery Mobile,请使用最新的jQuery 1.7.2和jQuery Mobile 1.1这两个版本,因为之前的jQuery Mobile版本还基于jQuery core 1.7.1或更早的版本。
10. **版本更新**:jQuery不断更新以适应现代Web开发的需求,目前有jQuery Core、jQuery UI和jQuery Mobile等多个分支,分别适用于不同的场景。 综上所述,jQuery作为开发人员的得力工具,其强大的功能和简洁的语法...
同时,jQuery Core保持了良好的向后兼容性,使得开发者能轻松升级。 8. **学习资源**:虽然书籍描述提到的是英文经典教材,但学习jQuery并不局限于英文。有许多优秀的中文教程、文档和社区可供学习,如jQuery官方...
While jQuery core lays the foundation for interaction with the DOM and handling events, jQuery UI fills in the user interaction gap. This book will give you a huge productivity boost out of the box ...
8. **版本迭代**:jQuery经历了多个版本的迭代,从最初的1.x到后来的2.x和3.x,优化性能,支持现代浏览器特性,并引入了模块化设计(如jQuery UI和jQuery Core)。 9. **jQuery与现代前端框架**:随着React、Vue和...
jQuery有两个主要版本线:jQuery Core和jQuery UI。Core提供基本功能,UI则包含许多用户界面组件和效果。 9. **性能优化(Performance Optimization)** 使用jQuery时,需要注意选择器的性能,避免过多的DOM操作...
值得注意的是:如果你正在使用jQuery Mobile,请使用最新的jQuery 1.7.2和jQuery Mobile 1.1这两个版本,因为之前的jQuery Mobile版本还基于jQuery core 1.7.1或更早的版本。 jquery-1.7.2.min.js (minified, ...
1. **jQuery Core**:这是jQuery的核心部分,包含了大部分的DOM操作,事件处理,动画效果,Ajax交互等基础功能。1.7.1版本在此基础上进行了性能优化,减少了内存占用,提升了运行效率。 2. **$.ajax()** 更新:在...
jQuery Mobile建立在jQuery Core和jQuery Ui之上,是适用于移动设备的JS框架。作用在于能为智能机,平板机,电子阅读器,台式机等众多平台,提供以HTML5技术为基础的UI。 jQuery Mobile的特点不仅是以受欢迎的jQuery...
《jQuery Mobile 1.3.2:打造移动Web应用的利器》 jQuery Mobile 是一个专为...在实际项目中,开发者应根据具体需求,灵活运用jQuery Mobile与其他技术(如jQuery Core、PhoneGap等)结合,打造个性化的移动解决方案。
值得注意的是:如果你正在使用jQuery Mobile,请使用最新的jQuery 1.7.2和jQuery Mobile 1.1这两个版本,因为之前的jQuery Mobile版本还基于jQuery core 1.7.1或更早的版本。 注:该参考手册是英文版的。
随着技术的发展,jQuery推出了多个版本,包括轻量级的jQuery slim,适用于现代浏览器的jQuery core。需要注意不同版本对某些旧特性或API的支持情况。 总结,jQuery是前端开发中的利器,其易用性、灵活性和丰富的...
同时,jQuery Core提供了轻量级的核心版本,满足对体积有严格要求的项目。 总的来说,jQuery以其易用性和高效性,极大地提升了开发效率,成为JavaScript开发不可或缺的工具。无论你是初学者还是经验丰富的开发者,...