亚洲精品中文字幕无乱码_久久亚洲精品无码AV大片_最新国产免费Av网址_国产精品3级片

jQuery Mobile

jquery中toggle方法使用例子

時(shí)間:2024-09-29 21:16:05 jQuery Mobile 我要投稿
  • 相關(guān)推薦

jquery中toggle方法使用例子

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

  一個(gè)一級(jí)菜單,里邊有一個(gè)二級(jí)菜單,二級(jí)菜單是通過(guò)錨點(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í)行。。

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

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

  另附上toggle()的使用說(shuō)明

  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)擊沒(méi)關(guān)系。

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

Excel中if函數(shù)使用的方法06-16

excel中sumif函數(shù)使用方法03-23

Excel中COUNTIF函數(shù)的使用方法01-23

使用Word繪圖的方法04-20

早教機(jī)使用方法10-24

正確使用固態(tài)硬盤(pán)的方法05-16

淡奶油的具體使用方法07-14

柔膚水的作用和使用方法09-05

《Excel中圖表的使用》的教學(xué)反思06-17

Word 2000“幫助”菜單使用方法03-19