最新的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的丟棄多餘的空格和執行上面一個長的代碼行的行。