返回值:jQuerytoggle(fn, fn2, [fn3, fn4, ...])
概述
每次點(diǎn)擊后依次調(diào)用函數(shù)。
如果點(diǎn)擊了一個(gè)匹配的元素，則觸發(fā)指定的第一個(gè)函數(shù)，當(dāng)再次點(diǎn)擊同一元素時(shí)，則觸發(fā)指定的第二個(gè)函數(shù)，如果有更多函數(shù)，則再次觸發(fā)，直到最后一個(gè)。隨后的每次點(diǎn)擊都重復(fù)對(duì)這幾個(gè)函數(shù)的輪番調(diào)用。
可以使用unbind("click")來(lái)刪除。參數(shù)
fnFunction
第一數(shù)次點(diǎn)擊時(shí)要執(zhí)行的函數(shù)。
fn2Function
第二數(shù)次點(diǎn)擊時(shí)要執(zhí)行的函數(shù)。
fn3, fn4, ... (可選)Function
更多次點(diǎn)擊時(shí)要執(zhí)行的函數(shù)。
示例
描述:
對(duì)表格的切換一個(gè)類
HTML 代碼:
<ul>
<li>Go to the store</li>
<li>Pick up dinner</li>
<li>Debug crash</li>
<li>Take a jog</li>
</ul>jQuery 代碼:
$("td").toggle(
function () {
$(this).addClass("selected");
},
function () {
$(this).removeClass("selected");
}
);描述:
對(duì)列表的切換樣式
HTML 代碼:
<ul>
<li>Go to the store</li>
<li>Pick up dinner</li>
<li>Debug crash</li>
<li>Take a jog</li>
</ul>jQuery 代碼:
$("li").toggle(
function () {
$(this).css({"list-style-type":"disc", "color":"blue"});
},
function () {
$(this).css({"list-style-type":"disc", "color":"red"});
},
function () {
$(this).css({"list-style-type":", "color":"});
}
);