jQuery復(fù)合事件結(jié)合toggle()方法的用法示例
本文實(shí)例講述了jQuery復(fù)合事件結(jié)合toggle()方法的用法。分享給大家供大家參考,具體如下:
定義和用法
toggle()
方法用于綁定兩個(gè)或多個(gè)事件處理器函數(shù),以響應(yīng)被選元素的輪流的 click 事件。
語法:
$(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常見事件與功能說明的在線對照表供大家參考:
javascript事件與功能說明大全:
http://tools.jb51.net/table/javascript_event
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《jQuery常見事件用法與技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計(jì)有所幫助。
- jQuery復(fù)合事件用法示例
- jQuery中復(fù)合屬性選擇器用法實(shí)例
- jQuery 復(fù)合選擇器應(yīng)用的幾個(gè)例子
- jquery中的常用事件bind、hover、toggle等示例介紹
- jquery中交替點(diǎn)擊事件toggle方法的使用示例
- JQuery入門——事件切換之toggle()方法應(yīng)用介紹
- jQuery事件綁定.on()簡要概述及應(yīng)用
- jQuery給動(dòng)態(tài)添加的元素綁定事件的方法
- jquery鍵盤事件使用介紹
- 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í)變色的方法【測試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)表格隔行及滑動(dòng),點(diǎn)擊時(shí)變色的方法,可實(shí)現(xiàn)表格隔行變色以及鼠標(biāo)滑過與點(diǎn)擊時(shí)變色的功能,涉及jQuery響應(yīng)鼠標(biāo)事件及頁面元素樣式動(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é)
本篇文章主要是對jquery ajax,ashx,json的用法進(jìn)行了詳細(xì)的總結(jié)介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02JQuery獲取鼠標(biāo)進(jìn)入和離開容器的方向
本文主要分享了基于JQuery的獲取鼠標(biāo)進(jìn)入和離開容器方向的實(shí)現(xiàn)代碼,具有一定的參考價(jià)值。下面跟著小編一起來看下吧2016-12-12Jquery高級(jí)應(yīng)用Deferred對象原理及使用實(shí)例
這篇文章主要介紹了Jquery高級(jí)應(yīng)用Deferred對象原理及使用實(shí)例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05各瀏覽器中querySelector和querySelectorAll的實(shí)現(xiàn)差異分析
querySelector和querySelectorAll的參數(shù)須是符合 css selector 的字符串。不同的是querySelector返回的是一個(gè)對象,querySelectorAll返回的一個(gè)集合(NodeList)2012-05-05