`

jquery core

阅读更多
推荐按照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对象上



分享到:
评论

相关推荐

    jQuery全能权威指南:jQuery Core+jQuery Plugin+jQuery UI+jQuery Mobile 源码

    、CSS和JavaScript知识的开发者,内容覆盖了jQuery知识体系的全部内容,包括jQuery Core、jQuery Plugin 、jQuery UI、jQuery Mobile以及大量第三方的插件库和2800多个应用jQuery技术的网页参考。

    jQuery、jQueryUI及jQueryMobile技巧与示例

    资源名称:jQuery、jQuery UI及jQuery Mobile技巧与示例内容简介:《jQuery、jQuery UI及jQuery Mobile技巧与示例》包括jQuery、jQuery UI、jQuery Mobile以及jQuery插件四部分内容。第一部分介绍jQuery核心库,从...

    jQuery全能权威指南

    《jQuery全能权威指南:jQuery Core+jQuery Plugin+jQuery UI+jQuery Mobile》的阅读对象是具有一些HTML、CSS和JavaScript知识的开发者,内容覆盖了jQuery知识体系的全部内容,包括jQuery Core、jQuery Plugin、...

    jquery-1.12.4

    jquery-1.12.4|jquery|jquery-1.12.4.js|jquery-1.12.4.min.js

    jquery-1.7.2.js免费下载

    值得注意的是:如果你正在使用jQuery Mobile,请使用最新的jQuery 1.7.2和jQuery Mobile 1.1这两个版本,因为之前的jQuery Mobile版本还基于jQuery core 1.7.1或更早的版本。 jquery-1.7.2.min.js (minified, ...

    jQuery 1.7.2 正式版, jquery 1.7.2 min.js

    值得注意的是:如果你正在使用jQuery Mobile,请使用最新的jQuery 1.7.2和jQuery Mobile 1.1这两个版本,因为之前的jQuery Mobile版本还基于jQuery core 1.7.1或更早的版本。 jquery-1.7.2.min.js (minified, ...

    jquery core 源码分析

    含有源码及分析文件 博文链接:https://jljlpch.iteye.com/blog/225306

    jquery 最新版框架下载(1.32-1.8.3)

    jQuery是JavaScript语言的一个新的资源库(框架) 为...注:如果你正在使用jQuery Mobile,请使用最新的jQuery 1.7.2和jQuery Mobile 1.1这两个版本,因为之前的jQuery Mobile版本还基于jQuery core 1.7.1或更早的版本。

    jQuery UI Cookbook (pdf + ePub)

    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 ...

    jquery插件使用方法大全

    老的core.js文件被分为attribute.js, css.js, data.js, manipulation.js, traversing.js和queue.js;CSS和attribute的逻辑分离。 jQuery 1.5(2011年1月31日):该版本修复了83个bug,解决了460个问题。重大改进有:...

    jQuery Mobile 插件 v1.0.1 官方正式版.rar

    jQuery Mobile建立在jQuery Core和jQuery Ui之上,是适用于移动设备的JS框架。作用在于能为智能机,平板机,电子阅读器,台式机等众多平台,提供以HTML5技术为基础的UI。 jQuery Mobile的特点不仅是以受欢迎的jQuery...

    jQuery & jQuery UI 1.7.2参考手册

    值得注意的是:如果你正在使用jQuery Mobile,请使用最新的jQuery 1.7.2和jQuery Mobile 1.1这两个版本,因为之前的jQuery Mobile版本还基于jQuery core 1.7.1或更早的版本。 注:该参考手册是英文版的。

    Jquery1.2.6 源码分析

    结果有一网友竟评论说打到标题党,可见还是有很多人像我这样想完全了解jquery的core代码。 从自己能看懂,到自己写出来。发现自己有一个质的提高。但是由于水平有限,分析过程的难免有错误。请大家多多指教。不过嘴...

    jquery.ui.core.js

    jquery.ui.core.js,jqueryUi所需的js库

    Wrox.Professional.jQuery 2012

    It will expand your jQuery knowledge by focusing on the core library with the benefit of strong core JavaScript expertise in many of the lessons. This book is aimed at three groups of readers: ...

    jquery.zTree.js.rar

    1.4.4.js jquery.ztree.exhide.js jquery.ztree.exedit.js jquery.ztree.excheck.js jquery.ztree.core.js jquery.ztree.all.js

    jquery.ztree.core.texttree.js

    ztree添加功能,使其支持字体图标,核心文件jquery.ztree.core.js,欢迎下载。

    jquery-compat-dist:jQuery Core Compat版本的发行版回购

    jQuery Compat Dist 此仓库仅包含jQuery Compat的软件包分发文件。 有关源文件和问题,请访问 。

Global site tag (gtag.js) - Google Analytics