jquery設定元素不可見的方法:1、使用「$(selector).hide();」方法設定元素不可見;2、使用「$(selector).show();」方法設定元素可見,然後使用toggle方法來切換hide和show方法即可。
本教學示範環境:windows7系統、jquery1.2.6版本、Dell G3電腦。
推薦:jQuery影片教學
jquery設定元素可見性的方法:可以使用$(selector).hide();方法設定元素不可見,使用$ (selector).show();方法設定元素可見,可以使用toggle()方法來切換hide()和show()方法。
jquery設定元素可見性的方法介紹:
立即顯示指定元素
$(selector).show();
立即隱藏指定元素
$(selector).hide();
實例:
<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); }); </script> </head> <body> <p id="p1">如果点击“隐藏”按钮,我就会消失。</p> <button id="hide" type="button">隐藏</button> <button id="show" type="button">显示</button> </body> </html>
您可以使用toggle() 方法來切換hide() 和show() 方法。
顯示被隱藏的元素,並隱藏已顯示的元素:
$("button").click(function(){ $("p").toggle(); });
以上是jquery如何設定元素不可見的詳細內容。更多資訊請關注PHP中文網其他相關文章!