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

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

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

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

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

其中試了很多種方法都不行，最后通過讀jquery的toggle函數(shù)實(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ǎn)擊時(shí)切換要調(diào)用的函數(shù)。
如果點(diǎn)擊了一個(gè)匹配的元素，則觸發(fā)指定的第一個(gè)函數(shù)，當(dāng)再次點(diǎn)擊同一元素時(shí)，則觸發(fā)指定的第二個(gè)函數(shù)。隨后的每次點(diǎn)擊都重復(fù)對(duì)這兩個(gè)函數(shù)的輪番調(diào)用。

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

返回值
jQuery

參數(shù)

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

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

示例

對(duì)表格的切換一個(gè)類

jQuery 代碼:

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

補(bǔ)充：toggle只有點(diǎn)擊的時(shí)候好使，hover只是鼠標(biāo)移進(jìn)移出的事件，跟點(diǎn)擊沒關(guān)系。兩個(gè)可以一起用

相關(guān)文章

最新評(píng)論