jquery 中toggle的2種用法詳解(推薦)
一、在元素的click事件中綁定兩個(gè)或兩個(gè)以上的函數(shù) toggle不像bind需要在后面添加"click"來綁定click觸發(fā)事件,toggle本身就是click觸發(fā)的(而且只能click觸發(fā)),
如下實(shí)例:
<input id="btntest" type="button" value="點(diǎn)一下我" /> <div>我是動(dòng)態(tài)顯示的</div> <script type="text/javascript"> $(function () { $("#btntest") $("#btntest").toggle( function(){ $("div").html("我變了!"); }, function(){ $("div").html("我又變了!"); }); }); </script>
二、切換元素的顯示與隱藏效果:
<input id="btntest" type="button" value="點(diǎn)一下我" /> <div>我是動(dòng)態(tài)顯示的</div> <script type="text/javascript"> $(function () { $("#btntest").bind("click",function(){ $("div").toggle(500);//此處的 500 是隱藏顯示的延遲時(shí)間,默認(rèn)為0,也可以用"slow","normal"或"fast" //如果里面的值為true(toggle(true))時(shí)只能顯示元素,值為false(toggle(false))時(shí)只能隱藏元素。) }) }); </script>
以上這篇jquery 中toggle的2種用法詳解(推薦)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
JQuery和HTML5 Canvas實(shí)現(xiàn)彈幕效果
這篇文章主要介紹了JQuery和HTML5 Canvas兩種方法實(shí)現(xiàn)彈幕效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01jquery實(shí)現(xiàn)多行文字圖片滾動(dòng)效果示例代碼
多行文字圖片滾動(dòng)效果的實(shí)現(xiàn)方法有很多,本例與大家分享的是jquery實(shí)現(xiàn)的具體步驟,很實(shí)用的2014-10-10JQuery判斷正整數(shù)整理小結(jié)(jQuery 文本框中只能輸入正整數(shù))
這篇文章主要介紹了JQuery判斷正整數(shù),附上詳細(xì)的代碼供大家查看具體的方法,需要的朋友可以參考下2017-08-08JQuery中serialize()、serializeArray()和param()方法示例介紹
serialize()方法也是作用于一個(gè)JQuery對象,它能夠?qū)OM元素內(nèi)容序列化為字符串,serializeArray()方法不是返回字符串,而是將DOM元素序列化后,返回JSON格式的數(shù)據(jù)2014-07-07鋒利的jQuery 要點(diǎn)歸納(三) jQuery中的事件和動(dòng)畫(上:事件篇)
鋒利的jQuery 要點(diǎn)歸納 jQuery中的事件和動(dòng)畫(上:事件篇)2010-03-03