jquery中toggle方法使用例子

jquery中toggle方法使用例子

　　今天遇到一個有趣的例子，將它記錄下來。

　　一個一級菜單，里邊有一個二級菜單，二級菜單是通過錨點來鏈接頁面元素的。想要實現(xiàn)的效果是當(dāng)點擊錨點時，頁面鏈接到相應(yīng)錨點，同時二級菜單隱藏，再點擊一級菜單時，繼續(xù)執(zhí)行。。

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

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

　　另附上toggle()的使用說明

　　toggle(fn,fn)

　　每次點擊時切換要調(diào)用的函數(shù)。

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

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

　　返回值

　　jQuery

　　參數(shù)

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

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

　　示例

　　對表格的切換一個類

　　jQuery 代碼:

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

　　補充：toggle只有點擊的時候好使，hover只是鼠標(biāo)移進移出的事件，跟點擊沒關(guān)系。

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

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

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

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

excel中if函數(shù)的使用方法10-24

日語中敬語的使用方法08-04

Excel中vlookup函數(shù)使用方法02-17

excel中now函數(shù)的使用方法05-25

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

vlookup函數(shù)在Excel中的使用方法09-21

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