jQuery 链式调用的好处是什么? 下面本篇文章给大家简单介绍一下. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
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 元素的性能损耗.
链式调用的问题: 所有对象的方法返回的都是对象本身, 也就是说没有返回值, 所以这种方法不一定在任何环境下都适合.
更多 web 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/jquery/16887.html