jQuery復(fù)合事件結(jié)合toggle()方法的用法示例
本文實(shí)例講述了jQuery復(fù)合事件結(jié)合toggle()方法的用法。分享給大家供大家參考,具體如下:
定義和用法
toggle()
方法用于綁定兩個(gè)或多個(gè)事件處理器函數(shù),以響應(yīng)被選元素的輪流的 click 事件。
語(yǔ)法:
$(selector).toggle(function1(),function2(),functionN(),...)
當(dāng)指定元素被點(diǎn)擊時(shí),在兩個(gè)或多個(gè)函數(shù)之間輪流切換。
與方法hide()
、show()
綁定使用,可實(shí)現(xiàn)折疊效果;
具體事例:
<script type="text/javascript" src="js/jquery.js "></script> <script type="text/javascript"> $(function(){ $("#dt1").toggle( function(){$("#div1").show();}, function(){$("#div1").hide();} ); }) </script> <dl> <dt id="dt1">新聞管理</dt> <div id="div1"> <dd>發(fā)布新聞</dd> <dd>新聞列表</dd> <dd>回收站</dd> </div> </dl>
PS:這里再附上javascript常見(jiàn)事件與功能說(shuō)明的在線對(duì)照表供大家參考:
javascript事件與功能說(shuō)明大全:
http://tools.jb51.net/table/javascript_event
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《jQuery常見(jiàn)事件用法與技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見(jiàn)經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
- jQuery復(fù)合事件用法示例
- jQuery中復(fù)合屬性選擇器用法實(shí)例
- jQuery 復(fù)合選擇器應(yīng)用的幾個(gè)例子
- jquery中的常用事件bind、hover、toggle等示例介紹
- jquery中交替點(diǎn)擊事件toggle方法的使用示例
- JQuery入門(mén)——事件切換之toggle()方法應(yīng)用介紹
- jQuery事件綁定.on()簡(jiǎn)要概述及應(yīng)用
- jQuery給動(dòng)態(tài)添加的元素綁定事件的方法
- jquery鍵盤(pán)事件使用介紹
- jQuery事件 delegate()使用方法介紹
- jquery 回車事件實(shí)現(xiàn)代碼
相關(guān)文章
jQuery獲取css z-index在各種瀏覽器中的返回值
jQuery 取 css z-index 值在各種瀏覽器中的返回值的代碼,需要的朋友可以參考下。2010-09-09jQuery實(shí)現(xiàn)表格隔行及滑動(dòng),點(diǎn)擊時(shí)變色的方法【測(cè)試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)表格隔行及滑動(dòng),點(diǎn)擊時(shí)變色的方法,可實(shí)現(xiàn)表格隔行變色以及鼠標(biāo)滑過(guò)與點(diǎn)擊時(shí)變色的功能,涉及jQuery響應(yīng)鼠標(biāo)事件及頁(yè)面元素樣式動(dòng)態(tài)改變的相關(guān)技巧,需要的朋友可以參考下2016-08-08jQuery向webApi提交post json數(shù)據(jù)
這篇文章主要介紹了jQuery向webApi提交post json數(shù)據(jù)的方法,非常不錯(cuò),需要的的朋友參考下2017-01-01jquery ajax,ashx,json的用法總結(jié)
本篇文章主要是對(duì)jquery ajax,ashx,json的用法進(jìn)行了詳細(xì)的總結(jié)介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-02-02JQuery獲取鼠標(biāo)進(jìn)入和離開(kāi)容器的方向
本文主要分享了基于JQuery的獲取鼠標(biāo)進(jìn)入和離開(kāi)容器方向的實(shí)現(xiàn)代碼,具有一定的參考價(jià)值。下面跟著小編一起來(lái)看下吧2016-12-12jquery中EasyUI實(shí)現(xiàn)同步樹(shù)
本文主要是給大家分享了一則使用EasyUI實(shí)現(xiàn)同步樹(shù)的代碼,主要是使用遞歸實(shí)現(xiàn),非常實(shí)用的方法,推薦給小伙伴們。2015-03-03Jquery高級(jí)應(yīng)用Deferred對(duì)象原理及使用實(shí)例
這篇文章主要介紹了Jquery高級(jí)應(yīng)用Deferred對(duì)象原理及使用實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05各瀏覽器中querySelector和querySelectorAll的實(shí)現(xiàn)差異分析
querySelector和querySelectorAll的參數(shù)須是符合 css selector 的字符串。不同的是querySelector返回的是一個(gè)對(duì)象,querySelectorAll返回的一個(gè)集合(NodeList)2012-05-05