位置: 编程技术 - 正文
jQuery对象的链式操作用法分析(jquery是怎样实现链式调用的?)
编辑：rootadmin推荐整理分享jQuery对象的链式操作用法分析(jquery是怎样实现链式调用的?)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:jquery的链式如何实现,jquery 中对象的属性怎么获取,jquery对象的方法有哪些,jquery是怎样实现链式调用的?,jq的链式调用,jquery的链式操作,jquery链式写法原理,jquery是怎样实现链式调用的?,内容如对您有帮助，希望把文章链接给更多的朋友！
本文实例讲述了jQuery对象的链式操作用法。分享给大家供大家参考，具体如下：
jQuery对象的链式操作
首先来看一个例子：
对一个jQuery对象先调用了css()函数修改样式，然后使用attr()函数修改属性，这种调用方式象链一样，所以称为"链式操作"。
链式操作能够让代码变得简洁，因为往往可以在一条语句中实现以往多条语句才能完成的任务。比如如果不使用链式操作，需要用两条语句才能完成上面的任务：
除了增加了代码量，还调用了两次选择器，降低了速度。
在一个较短的链式操作中，往往语句比较清晰，可以分步骤地对jQuery对象实现各种操作。但是链式操作不应该太长，否则会造成语句难以理解，因为要查看jQuery对象当前的状态并不是容易的事，尤其如果涉及jQuery对象中元素的增删操作是更加难以判断。
并不是所有的jQuery函数都可以使用链式操作。这与链式操作的原理有关，之所以可以实现链式操作是因为其中的每个函数返回的都是jQuery对象本身。在jQuery类库的内部实现中，虽然很多的函数都返回jQuery对象本身，但都是通过调用内部有限的几个函数实现的，比如attr()函数设置属性石，实际上最后调用了"jQuery.each(object,callback,args)"方法。注意此方法不是jQuery对象方法，jQuery对象方法也有一个each()函数，为"jQuery.fn.each(callback,args)"，此函数最后同样调用jQuery.each函数：
下面看一看jQuery.each函数的返回结果：
Object是jQuery.fn对象，即jQuery对象。最后返回的还是jQuery对象。
可以使用下面的原则判断一个函数返回的时候是jQuery对象，即是否可以用于链式操作。
除了获取某些数据的函数，比如获取属性值"attr(name)",获取集合大小"size()"这些函数明显是返回数据的。除了这些函数之外的jQuery函数都可以用于链式操作，比如设置属性"attr(name.value)"。
"$"变量的使用
"$"变量是"jQuery"变量的引用。"jQuery"变量是全局变量，jQuery对象是指"jQUery.fn"，不要混淆。"jQuery"变量类似于静态类，上面的方法都是静态方法，可以在任何时刻调用。比如"jQuery.each"。"jQuery.fn"是实例方法，只能在jQuery对象上调用。比如"jQuery.fn.each()"方法只能通过"$('#id').each"这种形式调用。
前面提到，可以使用"$"代替"jQuery"，因为在jQuery的内部有如下实现：
所以"$"变量和"jQuery"变量实际上是Window对象的属性，也就是全局变量。可以在页面上得任何地方调用。
更多关于jquery相关内容感兴趣的读者可查看本站专题：《jquery常用操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery操作json数据技巧汇总》、《jQuery操作xml技巧总结》及《jQuery扩展技巧总结》
希望本文所述对大家jquery程序设计有所帮助。
jQuery对象与DOM对象转换方法详解 本文实例分析了jQuery对象与DOM对象的转换方法。分享给大家供大家参考，具体如下：jQuery对象转换为dom对象只有jQuery对象才能调用jQuery类库的各种函数
有关easyui-layout中的收缩层无法显示标题的解决办法 easyui-layout中的收缩层无法显示标题的问题原因分析：在easyui-layout中设置面板初始化为可以折叠，然后就发现标题还有图标都木有了嗯，就是结果列表上
jQuery的文档处理程序详解 本文实例讲述了jQuery的文档处理程序。分享给大家供大家参考，具体如下：jQuery文档处理程序所谓的文档处理程序，是指jQuery中提供的$(document).ready事件
上一篇：基于jquery实现智能表单验证操作(jquery的实现原理)
下一篇：jQuery对象与DOM对象转换方法详解(jquery对象与dom对象可以相互转换)
