jquery中toggle方法使用例子

　　今天遇到一個(gè)有趣的例子，將它記錄下來(lái)。

　　一個(gè)一級菜單，里邊有一個(gè)二級菜單，二級菜單是通過(guò)錨點(diǎn)來(lái)鏈接頁(yè)面元素的。想要實(shí)現的效果是當點(diǎn)擊錨點(diǎn)時(shí)，頁(yè)面鏈接到相應錨點(diǎn)，同時(shí)二級菜單隱藏，再點(diǎn)擊一級菜單時(shí)，繼續執行。。

　　其中試了很多種方法都不行，最后通過(guò)讀jquery的toggle函數實(shí)現了。

　　//這樣寫(xiě)可以 $(".nav").toggle(function(){ $(".content").slideToggle(); }); //這樣寫(xiě)不可以 $(".nav").toggle(function(){ $(".content").slideDown(); },function(){ $(".content").slideUp(); }); //這樣寫(xiě)也可以 $(".nav").click(function(){ $(".content").toggle("slow"); });

　　另附上toggle()的使用說(shuō)明

　　toggle(fn,fn)

　　每次點(diǎn)擊時(shí)切換要調用的函數。

　　如果點(diǎn)擊了一個(gè)匹配的元素，則觸發(fā)指定的第一個(gè)函數，當再次點(diǎn)擊同一元素時(shí)，則觸發(fā)指定的第二個(gè)函數。隨后的每次點(diǎn)擊都重復對這兩個(gè)函數的輪番調用。

　　可以使用unbind("click")來(lái)刪除。

　　返回值

　　jQuery

　　參數

　　fn (Function) : 第奇數次點(diǎn)擊時(shí)要執行的函數。

　　fn (Function) : 第偶數次點(diǎn)擊時(shí)要執行的函數。

　　示例

　　對表格的切換一個(gè)類(lèi)

　　jQuery 代碼:

　　$("td").toggle( function () { $(this).addClass("selected"); }, function () { $(this).removeClass("selected"); } );

　　補充：toggle只有點(diǎn)擊的時(shí)候好使，hover只是鼠標移進(jìn)移出的事件，跟點(diǎn)擊沒(méi)關(guān)系。

【jquery中toggle方法使用例子】相關(guān)文章：

jQuery中prev()方法用法07-16

jQuery中replaceAll()方法用法10-15

asp.net+jquery Jsonp使用方法介紹08-23

excel中if函數的使用方法10-24

日語(yǔ)中敬語(yǔ)的使用方法08-04

Excel中vlookup函數使用方法02-17

excel中now函數的使用方法05-25

詳解JavaScript中的splice()使用方法08-20

vlookup函數在Excel中的使用方法09-21

jQuery中parent()和siblings()的問(wèn)題10-16