jquery中toggle方法使用例子

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

jquery中toggle方法使用例子

一個一級菜單,裏邊有一個二級菜單,二級菜單是通過錨點來鏈接頁面元素的。想要實現的效果是當點擊錨點時,頁面鏈接到相應錨點,同時二級菜單隱藏,再點擊一級菜單時,繼續執行。。

其中試了很多種方法都不行,最後通過讀jquery的toggle函數實現了。

//這樣寫可以 $("")le(function(){ $("ent")eToggle(); }); //這樣寫不可以 $("")le(function(){ $("ent")eDown(); },function(){ $("ent")eUp(); }); //這樣寫也可以 $("")k(function(){ $("ent")le("slow"); });

另附上toggle()的.使用說明

toggle(fn,fn)

每次點擊時切換要調用的函數。

如果點擊了一個匹配的元素,則觸發指定的第一個函數,當再次點擊同一元素時,則觸發指定的第二個函數。隨後的每次點擊都重複對這兩個函數的輪番調用。

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

返回值

jQuery

參數

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

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

示例

對錶格的切換一個類

jQuery 代碼:

$("td")le( function () { $(this)lass("selected"); }, function () { $(this)veClass("selected"); } );

補充:toggle只有點擊的時候好使,hover只是鼠標移進移出的事件,跟點擊沒關係。