一、在元素的click事件中綁定兩個或兩個以上的函數 toggle不像bind需要在后面添加"click"來綁定click觸發事件,toggle本身就是click觸發的(而且只能click觸發),
如下實例:
<input id="btntest" type="button" value="點一下我" /><div>我是動態顯示的</div><script type="text/javascript"> $(function () { $("#btntest") $("#btntest").toggle( function(){ $("div").html("我變了!"); }, function(){ $("div").html("我又變了!"); }); });</script>二、切換元素的顯示與隱藏效果:
<input id="btntest" type="button" value="點一下我" /><div>我是動態顯示的</div><script type="text/javascript"> $(function () { $("#btntest").bind("click",function(){ $("div").toggle(500);//此處的 500 是隱藏顯示的延遲時間,默認為0,也可以用"slow","normal"或"fast" //如果里面的值為true(toggle(true))時只能顯示元素,值為false(toggle(false))時只能隱藏元素。) }) }); </script>以上這篇jquery 中toggle的2種用法詳解(推薦)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。
新聞熱點
疑難解答