jQuery復合事件結(jié)合toggle()方法的用法示例

更新時間：2017年06月10日 09:35:14 作者：原萬里

這篇文章主要介紹了jQuery復合事件結(jié)合toggle()方法的用法,實例分析了toggle()方法的功能、定義以及與復合事件結(jié)合使用的操作技巧,需要的朋友可以參考下

本文實例講述了jQuery復合事件結(jié)合toggle()方法的用法。分享給大家供大家參考，具體如下：

定義和用法

toggle() 方法用于綁定兩個或多個事件處理器函數(shù)，以響應被選元素的輪流的 click 事件。

語法：

$(selector).toggle(function1(),function2(),functionN(),...)當指定元素被點擊時，在兩個或多個函數(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

更多關于jQuery相關內(nèi)容感興趣的讀者可查看本站專題：《jQuery常見事件用法與技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery擴展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》

希望本文所述對大家jQuery程序設計有所幫助。

您可能感興趣的文章:

jQuery簡單實現(xiàn)仿京東分類導航層效果
這篇文章主要介紹了jQuery簡單實現(xiàn)仿京東分類導航層效果,涉及jQuery針對鼠標事件的響應及頁面元素動態(tài)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2016-06-06
Jquery 動態(tài)生成表格示例代碼
在某些特殊的情況下是需要動態(tài)生成表格的，下面為大家詳細介紹下使用jquery是如何做到的，感興趣的朋友不要錯過
2013-12-12
實現(xiàn)jquery放大鏡的兩種方法
本篇文章給大家詳細分析了用jquery實現(xiàn)放大鏡效果的方法，以及代碼分享，有興趣的學習下。
2018-02-02
jQuery EasyUI 開源插件套裝完全替代ExtJS
JQuery愛好者們的福音 jQuery EasyUI 開源插件套裝完全替代ExtJS(引用)
2010-03-03
jQuery UI工具提示框部件Tooltip Widget
這篇文章介紹了jQuery UI工具提示框部件Tooltip Widget，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2022-06-06
jQuery中append()方法用法實例
這篇文章主要介紹了jQuery中append()方法用法,實例分析了append()方法的功能、定義及在匹配元素的結(jié)尾插入指定內(nèi)容的使用技巧,需要的朋友可以參考下
2015-01-01
jQuery設置Easyui校驗規(guī)則(推薦)
本文給大家介紹jquery設置easyui校驗規(guī)則的實現(xiàn)代碼，代碼簡單易懂，非常不錯，具有參考借鑒價值，感興趣的朋友一起看看吧
2016-11-11
jquery+html仿翻頁相冊功能
這篇文章主要為大家詳細介紹了jquery+html仿翻頁相冊功能，前端實現(xiàn)的相冊模仿功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-12-12
jQuery操作復選框(CheckBox)的取值賦值實現(xiàn)代碼
這篇文章主要介紹了jQuery操作復選框(CheckBox)的取值賦值實現(xiàn)代碼,需要的朋友可以參考下
2017-01-01
jQuery刪除當前節(jié)點元素
本文給大家分享一段代碼給大家介紹jquery刪除當前節(jié)點元素的方法，代碼簡單易懂，非常不錯，需要的朋友參考下吧
2016-12-12