最新的Web开发教程
 

jQuery - 链接


使用jQuery,您可以链接在一起的动作/方法。

链使我们能够运行一个单独的语句中的多个jQuery方法(在相同的元素)。


jQuery的方法链接

到现在为止,我们一直在写一次(一前一后)的jQuery语句之一。

然而,有一个被称为链接的技术,这使我们能够运行多个jQuery的命令,一前一后,相同的上element(s)

提示:通过这种方式,浏览器没有找到相同的element(s)一次以上。

连锁动作,只需追加行动前一个动作。

下面的例子中连锁在一起css(), slideUp()slideDown()方法。 的"p1"元件首次变为红色,然后将其向上滑动,然后它向下滑动:

$("#p1").css("color", "red").slideUp(2000).slideDown(2000);
试一试»

如果需要的话,我们也增加了更多的方法调用。

提示 :当链接,该行代码将变得相当长。然而,jQuery是不是语法非常严格; 可以格式化它像你想,包括换行和缩进。

这也工作得很好:

$("#p1").css("color", "red")
  .slideUp(2000)
  .slideDown(2000);
试一试»

jQuery的丢弃多余的空格和执行上面一个长的代码行的行。