国产激情久久久久影院小草_国产91高跟丝袜_99精品视频99_三级真人片在线观看

jquery中toggle方法使用例子

時間:2020-11-10 18:58:46 jQuery Mobile 我要投稿

jquery中toggle方法使用例子

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

  一個一級菜單,里邊有一個二級菜單,二級菜單是通過錨點(diǎn)來鏈接頁面元素的。想要實(shí)現(xiàn)的效果是當(dāng)點(diǎn)擊錨點(diǎn)時,頁面鏈接到相應(yīng)錨點(diǎn),同時二級菜單隱藏,再點(diǎn)擊一級菜單時,繼續(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)擊時切換要調(diào)用的函數(shù)。

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

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

  返回值

  jQuery

  參數(shù)

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

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

  示例

  對表格的切換一個類

  jQuery 代碼:

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

  補(bǔ)充:toggle只有點(diǎn)擊的時候好使,hover只是鼠標(biāo)移進(jìn)移出的事件,跟點(diǎn)擊沒關(guān)系。