jQuery複合事件結合toggle()方法的用法範例
Jun 21, 2017 pm 04:35 PM
jquery
toggle
事件
結合
這篇文章主要介紹了jQuery複合事件結合toggle()方法的用法,實例分析了toggle()方法的功能、定義以及與複合事件結合使用的操作技巧,需要的朋友可以參考下方
本文實例講述了jQuery複合事件結合toggle()方法的用法。分享給大家供大家參考,具體如下:
定義與用法
toggle()
方法用來綁定兩個或多個事件處理器函數,以回應被選元素的輪流的click 事件。
語法:
$(selector).toggle(function1(),function2(),functionN(),.. .)<br>
當指定元素被點擊時,在兩個或多個函數之間輪流切換。
與方法hide()
、show()
綁定使用,可實現折疊效果;
#具體事例:
<script type="text/javascript" src="js/jquery.js "></script> <script type="text/javascript"> $(function(){ $("#dt1").toggle( function(){$("#p1").show();}, function(){$("#p1").hide();} ); }) </script> <dl> <dt id="dt1">新闻管理</dt> <p id="p1"> <dd>发布新闻</dd> <dd>新闻列表</dd> <dd>回收站</dd> </p> </dl>
登入後複製
以上是jQuery複合事件結合toggle()方法的用法範例的詳細內容。更多資訊請關注PHP中文網其他相關文章!
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章
擊敗分裂小說需要多長時間?
3 週前
By DDD
倉庫:如何復興隊友
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前
By 尊渡假赌尊渡假赌尊渡假赌
公眾號網頁更新緩存難題:如何避免版本更新後舊緩存影響用戶體驗?
3 週前
By 王林

熱門文章
擊敗分裂小說需要多長時間?
3 週前
By DDD
倉庫:如何復興隊友
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前
By 尊渡假赌尊渡假赌尊渡假赌
公眾號網頁更新緩存難題:如何避免版本更新後舊緩存影響用戶體驗?
3 週前
By 王林

熱門文章標籤

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)