jQuery復(fù)合事件結(jié)合toggle()方法的用法示例
本文實例講述了jQuery復(fù)合事件結(jié)合toggle()方法的用法。分享給大家供大家參考,具體如下:
定義和用法
toggle()
方法用于綁定兩個或多個事件處理器函數(shù),以響應(yīng)被選元素的輪流的 click 事件。
語法:
$(selector).toggle(function1(),function2(),functionN(),...)
當(dāng)指定元素被點擊時,在兩個或多個函數(shù)之間輪流切換。
與方法hide()
、show()
綁定使用,可實現(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擴展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計有所幫助。
相關(guān)文章
jQuery獲取css z-index在各種瀏覽器中的返回值
jQuery 取 css z-index 值在各種瀏覽器中的返回值的代碼,需要的朋友可以參考下。2010-09-09jQuery實現(xiàn)表格隔行及滑動,點擊時變色的方法【測試可用】
這篇文章主要介紹了jQuery實現(xiàn)表格隔行及滑動,點擊時變色的方法,可實現(xiàn)表格隔行變色以及鼠標(biāo)滑過與點擊時變色的功能,涉及jQuery響應(yīng)鼠標(biāo)事件及頁面元素樣式動態(tài)改變的相關(guān)技巧,需要的朋友可以參考下2016-08-08jQuery向webApi提交post json數(shù)據(jù)
這篇文章主要介紹了jQuery向webApi提交post json數(shù)據(jù)的方法,非常不錯,需要的的朋友參考下2017-01-01jquery ajax,ashx,json的用法總結(jié)
本篇文章主要是對jquery ajax,ashx,json的用法進行了詳細的總結(jié)介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02Jquery高級應(yīng)用Deferred對象原理及使用實例
這篇文章主要介紹了Jquery高級應(yīng)用Deferred對象原理及使用實例,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-05-05各瀏覽器中querySelector和querySelectorAll的實現(xiàn)差異分析
querySelector和querySelectorAll的參數(shù)須是符合 css selector 的字符串。不同的是querySelector返回的是一個對象,querySelectorAll返回的一個集合(NodeList)2012-05-05