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