通(tōng)過 jQuery,您可(kě)以把動作(zuò)/方法鏈接起來。
Chaining 允許我們在一(yī)條語句中允許多個 jQuery 方法(在相同的元素上(shàng))。
jQuery 方法鏈接
直到現在,我們都(dōu)是一(yī)次寫一(yī)條 jQuery 語句(一(yī)條接着另一(yī)條)。
不過,有一(yī)種名為(wèi)鏈接(chaining)的技術(shù),允許我們在相同的元素上(shàng)運行(xíng)多條 jQuery 命令,一(yī)條接着另一(yī)條。
提示:這(zhè)樣的話,浏覽器就不必多次查找相同的元素。
如(rú)需鏈接一(yī)個動作(zuò),您隻需簡單地(dì)把該動作(zuò)追加到之前的動作(zuò)上(shàng)。
例子 1
下(xià)面的例子把 css(), slideUp(), and slideDown() 鏈接在一(yī)起。"p1" 元素首先會變為(wèi)紅(hóng)色,然後向上(shàng)滑動,然後向下(xià)滑動:
$("#p1").css("color","red").slideUp(2000).slideDown(2000);
如(rú)果需要(yào),我們也可(kě)以添加多個方法調用。
提示:當進行(xíng)鏈接時(shí),代碼行(xíng)會變得很(hěn)差。不過,jQuery 在語法上(shàng)不是很(hěn)嚴格;您可(kě)以按照希望的格式來寫,包含折行(xíng)和(hé)縮進。
例子 2
這(zhè)樣寫也可(kě)以運行(xíng):
$("#p1").css("color","red")
.slideUp(2000)
.slideDown(2000);
jQuery 會抛掉多餘的空格,并按照一(yī)行(xíng)長(cháng)代碼來執行(xíng)上(shàng)面的代碼行(xíng)。
網站建設開(kāi)發|APP設計開(kāi)發|小程序建設開(kāi)發