`

jquery链式调用 作用

阅读更多


链式操作就是分步骤地对jQuery对象实现各种操作,举个栗子:
$("#Test").css('color','red').show(200).removeClass('style');

上面的例子就是链式操作,在一行代码里,对id为Test的对象进行了三项操作:先设置其字体颜色为红色,再显示对象,最后移除对象的“style”这个样式。再炒个板栗:
$("#Test").addClass('style').find("div").eq(0).fadeOut(200);

上面的例子意为:先为id为Test的对象添加"style"这个样式,再找寻其下的第一个div标签,并使其淡出。

通过上面的两个例子不难看出链式操作就是围绕一个jQuery对象进行的,很简单吧?


为什么要用链式操作呢?原因有两个:

    代码更精简。链式操作能大大精简代码量,多项操作一行代码一气呵成,搞定;

    优化性能。使用链式操作,所有操作代码共享一个jQuery对象,省去了逐步查询DOM元素的性能损耗。
分享到:
评论

相关推荐

    JQuery特殊效果和链式调用操作示例

    主要介绍了JQuery特殊效果和链式调用操作,结合实例形式分析总结了jQuery各种常见显示效果与所使用的函数,以及链式调用显示层级菜单功能相关操作技巧,需要的朋友可以参考下

    【JavaScript源代码】详解JavaScript中的链式调用.docx

    详解JavaScript中的链式调用  链模式 链模式是一种链式调用的方式,准确来说不属于通常定义的设计模式范畴,但链式调用是... this的作用域链,jQuery的实现方式,通常链式调用都是采用这种方式。 返回对象本身, 同t

    jQuery链式操作如何实现以及为什么要用链式操作

    两个问题 1.jQuery的链式操作是如何实现的? 2.为什么要用链式操作? 大家认为这两个问题哪个好回答一点呢? 链式操作 原理相信百度一下一大把,实际上链式操作仅仅是通过对象上的方法最后 return this 把对象再返回...

    jQuery链式调用与show知识浅析

    主要介绍了jQuery的XX如何实现?——2.show与链式调用 的相关资料,非常具有参考借鉴价值,感兴趣的朋友一起学习吧

    Javasript设计模式之链式调用详解

    本文实例为大家分享了js设计模式之链式调用的具体代码,供大家参考,具体内容如下 写过jquery的可能都知道,jquery...而jquery这种调用方式就是链式调用。我们可以从上述代码看出来,如果不使用链式调用的话,那么我

    Python实现类似jQuery使用中的链式调用的示例

    关于jQuery的链式调用 真正有意义的链式调用也就是方法链(method chaining)。方法链这个词是有的,而且使用的很广泛。其实很多人口中的“链式调用”实际上就是指方法链。但是“链式调用”这个词语还可以描述函数...

    详解JavaScript中的链式调用

    链模式 链模式是一种链式调用的方式,准确来说不属于通常定义的设计模式范畴... this的作用域链,jQuery的实现方式,通常链式调用都是采用这种方式。 返回对象本身, 同this的区别就是显示返回链式对象。 闭包返回对象

    在JavaScript中实现链式调用的实现

    链式调用在 JavaScript 语言界很常见,如 jQuery 、 Promise 等,都是使用的链式调用。链式调用可以让我们在进行连续操作时,写出更简洁的代码。 new Promise((resolve, reject) => { resolve(); }) .then(() =...

    jQuery的链式调用浅析

    并不是所有的浏览器都暴露了dom的对象原型,所以不能通过简单扩展原型方法并通过return this的形式来实现跨浏览器的链式调用,jquery采用了包装器的方式来解决了这个问题。

    浅析jQuery的链式调用之each函数

    如果对于jquery的$()包装器函数还不是很清楚,请先参阅我的上一篇日志:浅析jQuery的链式调用

    Javascript 链式调用实现代码(参考jquery)

    Javascript链式调用 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

    javascript简单链式调用案例分析

    主要介绍了javascript简单链式调用,结合具体实例形式模拟jQuery分析了链式调用的原理与具体实现技巧,需要的朋友可以参考下

    模仿jQuery each函数的链式调用

    模仿jQuery each函数的链式调用实现代码。

    javascript中的链式调用

    链式调用就是调用对象的方法后返回到该对象,严格来讲它并不属于语法,而只是一种语法技巧,js令人着迷的一点就是这里。 没有返回值的方法属于赋值器方法,显然它很容易实现链式调用,前提是正确理解this指针的用法...

Global site tag (gtag.js) - Google Analytics