做自(zì)由與創造的先行者

jQuery Chaining

jQuery中文(wén)手冊

通過 jQuery,您可以把動作(zuò)/方法鏈接起來(lái)。

Chaining 允許我們在一條語句中允許多個 jQuery 方法(在相同的元素上(shàng))。

jQuery 方法鏈接

直到(dào)現(xiàn)在,我們都是一次寫一條 jQuery 語句(一條接着另一條)。

不過,有一種名爲鏈接(chaining)的技術,允許我們在相同的元素上(shàng)運行多條 jQuery 命令,一條接着另一條。

提示:這(zhè)樣的話(huà),浏覽器就不必多次查找相同的元素。

如需鏈接一個動作(zuò),您隻需簡單地把該動作(zuò)追加到(dào)之前的動作(zuò)上(shàng)。

例子 1

下(xià)面的例子把 css(), slideUp(), and slideDown() 鏈接在一起。"p1" 元素首先會(huì)變爲紅(hóng)色,然後向上(shàng)滑動,然後向下(xià)滑動:

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

如果需要,我們也(yě)可以添加多個方法調用(yòng)。

提示:當進行鏈接時(shí),代碼行會(huì)變得很(hěn)差。不過,jQuery 在語法上(shàng)不是很(hěn)嚴格;您可以按照希望的格式來(lái)寫,包含折行和(hé)縮進。

例子 2

這(zhè)樣寫也(yě)可以運行:

$("#p1").css("color","red")

.slideUp(2000)

.slideDown(2000);

jQuery 會(huì)抛掉多餘的空(kōng)格,并按照一行長代碼來(lái)執行上(shàng)面的代碼行。

網站(zhàn)建設開(kāi)發|APP設計(jì)開(kāi)發|小(xiǎo)程序建設開(kāi)發
下(xià)一篇:jQuery 獲得内容和(hé)屬性
上(shàng)一篇:jQuery Callback 函數