成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導航首頁 ? 技術教程 ? 使用jQuery的toggle()方法對HTML標簽進行顯示、隱藏的方法(示例)
全站頭部文字 我要出現在這里
使用jQuery的toggle()方法對HTML標簽進行顯示、隱藏的方法(示例) 615 2024-02-20   

這是一個示例:

<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()方法進行顯示隱藏交互事件,如果顯示的就進行隱藏,如果是隱藏的就顯示
});
$(".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() 方法切換元素的可見狀態。如果被選元素可見,則隱藏這些元素,如果被選元素隱藏,則顯示這些元素。

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

查看圖片

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

以上所述是小編給大家介紹的使用jQuery的toggle()方法對HTML標簽進行顯示、隱藏的方法(示例),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對綠夏網網站的支持!



主站蜘蛛池模板: 迪欧电影网| 电影《醉猴》刘家良主演| 九一八大案纪实| 南来北往连续剧免费观看完整版| 天才gogogo综艺节目规则| 向东海| 美丽人生在线观看| 帕米尔我的家乡多么美简谱| 性欧美欧美| 夜夜做新郎| 一屋赞客| 贝的故事教案设计优秀教案| dj舞曲超劲爆dj| 12123交强险查询入口| 恩乔| 爱上老妈1994年电影完整版| 爱 死亡和机器人| 可隆衣服属于什么档次| sexxx| 咏春拳电影| 在线播放啄木乌丝袜秘书| 小宏人司机版| 快乐星球演员表| 我不知道明天的道路歌词歌谱| 重口视频| 田中敦子| 麻豆视频观看| 姐姐的秘密电影| 九九九九九九伊人| 经视直播| 赵依芳| cf脚本| cctv6电影节目表| 张耀扬实际身高| 最贵的烟前十名| 假面骑士响鬼| frank sinatra| 抖音怎么开店卖东西| 天云山传奇 电影| 大侠霍元甲演员表| 黄金广场|

!!!站長長期在線接!!!

網站、小程序:定制開發/二次開發/仿制開發等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103