jQuery - Chaining
jQuery - Chaining
通過 jQuery，您可以把動作/方法鏈接起來。
Chaining 允許我們在一條語句中允許多個 jQuery 方法（在相同的元素上）。
1. 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 會拋掉多余的空格，并按照一行長代碼來執行上面的代碼行。
相關文章
- jQuery 簡介
- jQuery - Chaining
- jQuery 遍歷 祖先
- jQuery AJAX get() 和 post() 方法
- jQuery 參考手冊 Ajax
- jQuery 事件 error() 方法
- jQuery 事件 preventDefault() 方法
- jQuery 事件 type 屬性
- jQuery 事件 toggle() 方法
- jQuery DOM 元素方法 get() 方法
- jQuery 遍歷 add() 方法
- jQuery 遍歷 not() 方法
- jQuery CSS 操作 scrollLeft() 方法
- jQuery 屬性操作 removeClass() 方法
- jQuery 文檔操作 empty() 方法
- jQuery 文檔操作 prepend() 方法
- jQuery 效果 hide() 方法
- jQuery 效果 stop() 方法
- jQuery :animated 選擇器
- jQuery :visible 選擇器
學習JQuery