欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

使用jQuery的toggle()方法對HTML標(biāo)簽進(jìn)行顯示、隱藏的方法(示例)

 更新時(shí)間:2016年09月01日 14:44:17   作者:代碼書生  
本文通過示例給大家介紹了使用jQuery的toggle()方法對HTML標(biāo)簽進(jìn)行顯示、隱藏操作的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下

這是一個(gè)示例:

<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").toggle(); //toggle()方法進(jìn)行顯示隱藏交互事件,如果顯示的就進(jìn)行隱藏,如果是隱藏的就顯示
});
$(".btn2").toggle(2000,function(){
$(".div2").toggle(); //callback
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">Toggle</button>
<button class="btn2">Toggle2</button>
<div class="div1">http://www.cnblogs.com/sosoft/</div>
<div class="div2" style="display:none">柔成</div>
</body>
</html>

  示例中用到的toggle()方法:

  toggle() 方法切換元素的可見狀態(tài)。如果被選元素可見,則隱藏這些元素,如果被選元素隱藏,則顯示這些元素。

語法$(selector).toggle(speed,callback,switch)

PS:該效果適用于通過 jQuery 隱藏的元素,或在 CSS 中聲明 display:none 的元素(但不適用于 visibility:hidden 的元素)。

以上所述是小編給大家介紹的使用jQuery的toggle()方法對HTML標(biāo)簽進(jìn)行顯示、隱藏的方法(示例),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

最新評(píng)論