JavaScript強化教程——jQuery - Chaining

本文爲 H5EDU 機構官方 HTML5培訓 教程，主要介紹：JavaScript強化教程 —— jQuery - Chaining
 
經過 jQuery，您能夠把動做/方法連接起來。

Chaining 容許咱們在一條語句中容許多個 jQuery 方法（在相同的元素上）。
 
jQuery 方法連接

直到如今，咱們都是一次寫一條 jQuery 語句（一條接着另外一條）。

不過，有一種名爲連接（chaining）的技術，容許咱們在相同的元素上運行多條 jQuery 命令，一條接着另外一條。

提示：這樣的話，瀏覽器就沒必要屢次查找相同的元素。

如需連接一個動做，您只需簡單地把該動做追加到以前的動做上。

例子 1

下面的例子把 css(), slideUp(), and slideDown() 連接在一塊兒。"p1" 元素首先會變爲紅色，而後向上滑動，而後向下滑動：$("#p1").css("color","red").slideUp(2000).slideDown(2000);
 
若是須要，咱們也能夠添加多個方法調用。

提示：當進行連接時，代碼行會變得不好。不過，jQuery 在語法上不是很嚴格；您能夠按照但願的格式來寫，包含折行和縮進。

例子 2

這樣寫也能夠運行：$("#p1").css("color","red") .slideUp(2000) .slideDown(2000);
 
jQuery 會拋掉多餘的空格，並按照一行長代碼來執行上面的代碼行。
 點擊進入JS強化教程