jquery hide和show方法

html 元素的显示和隐藏
hide() 如果被选的元素已被显示,则隐藏该元素。
show()    如果被选的元素已被隐藏,则显示该元素。



<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn1").click(function(){ $("p").hide(); }); $(".btn2").click(function(){ $("p").show(); }); }); </script> </head> <body> <p>This is a paragraph.</p> <button class="btn1">Hide</button> <button class="btn2">Show</button> </body> </html>

 

posted @ 2017-02-15 22:01  Mr_伍先生  阅读(1825)  评论(0编辑  收藏  举报