jQuery - Chaining
jQuery - Chaining
通過(guò) jQuery，您可以把動(dòng)作/方法鏈接起來(lái)。
Chaining 允許我們?cè)谝粭l語(yǔ)句中允許多個(gè) jQuery 方法（在相同的元素上）。
1. jQuery 方法鏈接
直到現(xiàn)在，我們都是一次寫一條 jQuery 語(yǔ)句（一條接著另一條）。
不過(guò)，有一種名為鏈接（chaining）的技術(shù)，允許我們?cè)谙嗤脑厣线\(yùn)行多條 jQuery 命令，一條接著另一條。
提示：這樣的話，瀏覽器就不必多次查找相同的元素。
如需鏈接一個(gè)動(dòng)作，您只需簡(jiǎn)單地把該動(dòng)作追加到之前的動(dòng)作上。
例子 1
下面的例子把 css(), slideUp(), and slideDown() 鏈接在一起。"p1" 元素首先會(huì)變?yōu)榧t色，然后向上滑動(dòng)，然后向下滑動(dòng)：
$("#p1").css("color","red").slideUp(2000).slideDown(2000);
如果需要，我們也可以添加多個(gè)方法調(diào)用。
提示：當(dāng)進(jìn)行鏈接時(shí)，代碼行會(huì)變得很差。不過(guò)，jQuery 在語(yǔ)法上不是很嚴(yán)格；您可以按照希望的格式來(lái)寫，包含折行和縮進(jìn)。
例子 2
這樣寫也可以運(yùn)行：
$("#p1").css("color","red")
.slideUp(2000)
.slideDown(2000);
jQuery 會(huì)拋掉多余的空格，并按照一行長(zhǎng)代碼來(lái)執(zhí)行上面的代碼行。
相關(guān)文章
- jQuery 簡(jiǎn)介
- jQuery - Chaining
- jQuery 遍歷 祖先
- jQuery AJAX get() 和 post() 方法
- jQuery 參考手冊(cè) 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 選擇器
學(xué)習(xí)JQuery