欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery中toggle()函數的使用實例

 更新時間：2015年04月17日 09:00:15   投稿：hebedich  
關于jQuery中的toggle()函數，相信大家都非常的了解，網上也有許多的相關教程，今天要給大家分享的是在實際的項目中toggle()的使用方法，需要的小伙伴可以參考下。

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

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

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

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

另附上toggle()的使用說明

toggle(fn,fn)

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

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

返回值
jQuery

參數

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

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

示例

對表格的切換一個類

jQuery 代碼:

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

補充：toggle只有點擊的時候好使，hover只是鼠標移進移出的事件，跟點擊沒關系。兩個可以一起用

相關文章

最新評論