下载掌阅APP，畅读海量书库
立即打开
1.10 提高效率的链式（Chaining）操作
如果用户阅读过jQuery、Prototype与Dojo等开源框架的话，一定会对其中大量使用的链式（Chaining）操作印象深刻。以前，设计人员都是一次写一条jQuery语句（一条接着另一条，使用分号隔开）。现在有一种名为链式（Chaining）操作的技术，允许设计人员在相同的元素上运行多条jQuery命令。jQuery框架对链式操作有十分完整的实现，借助jQuery框架，设计人员可以把动作与方法像锁链一样链接起来，实现在相同的元素上使用一条语句操作多个jQuery函数的效果。本节将向用户详细介绍jQuery框架中链式操作的使用方法。
链式操作的具体代码如下：
jQuery链式操作允许在相同的元素上使用一条语句操作多个jQuery函数，其写法见第05行。本例就是将slideUp()与slideDown()函数写在一条语句中执行，演示效果如图1.14、图1.15和图1.16所示。
图1.14 jQuery的链式操作（一）
图1.15 jQuery的链式操作（二）
图1.16 jQuery的链式操作（三）
注意： 过长的链式语法可能导致代码过于冗长，难以理解，因此应该对链式操作保持合理的长度，避免影响代码的可读性。
注意： 链式操作会自动抛掉函数后多余的空格，并按照一行长代码来执行语句。使用链式操作，浏览器就不必多次查找相同的元素。如需链接一个动作，设计人员只需简单地把该动作追加到之前的动作上即可。