购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅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的链式操作(三)

注意: 过长的链式语法可能导致代码过于冗长,难以理解,因此应该对链式操作保持合理的长度,避免影响代码的可读性。

注意: 链式操作会自动抛掉函数后多余的空格,并按照一行长代码来执行语句。使用链式操作,浏览器就不必多次查找相同的元素。如需链接一个动作,设计人员只需简单地把该动作追加到之前的动作上即可。 Lz7GbD79GHWeae6eJ3ATVw5xRK1n9pYRZKRjDal2oPnfir8JGXIhEPXqI1vlKPOi

点击中间区域
呼出菜单
上一章
目录
下一章
×