標籤：selector fadeout tor ast 名稱 隱藏 out fun slow
jQuery 效果- 隱藏hide()和顯示show()文法:
$( selector).hide( speed,callback);<script>$(document).ready(function(){ $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); });});</script><body> <p>如果你點擊“隱藏” 按鈕，我將會消失。</p> <button id="hide">隱藏</button> <button id="show">顯示</button></body>
例2：示範帶有 speed 參數的 hide()和show()方法：
<script>$(document).ready(function(){ $("#hide").click(function(){ $("p").hide(1000); }); $("#show").click(function(){ $("p").show(1000); });});</script><body><button id="hide">隱藏</button><button id="show">顯示</button><p>這是個段落，內容比較少。</p><p>這是另外一個小段落</p></body>
toggle() 方法：來切換 hide() 和 show() 方法
例3：顯示被隱藏的元素，並隱藏已顯示的元素：
<script>$(document).ready(function(){ $("button").click(function(){ $("p").toggle(); });});</script><body><button>隱藏/顯示</button><p>這是一個文本段落。</p><p>這是另外一個文本段落。</p></body>jQuery 效果 - 淡入jQuery fadeIn() 淡出fadeOut()
jQuery 學習02——效果：隱藏/顯示、淡入淡出、滑動、動畫、停止動畫、Callback、鏈
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
