jQuery 隐藏/显示(hide()/show()):
<!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>语法:
$(selector).hide(speed,callback);$(selector).show(speed,callback);
可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow","fast"或毫秒.
可选的 callback 参数是隐藏或显示完成后所执行的函数名称.
下面的例子演示了带有 speed 参数的hide()方法:
<!DOCTYPE html><html><head><script src="/jquery/jquery-1.11.1.min.js"></script><script type="text/javascript">$(document).ready(function(){ ?$("button").click(function(){ ?$("p").hide(1000); ?});});</script></head><body><button type="button">隐藏</button><p>这是一个段落。</p><p>这是另一个段落。</p></body></html>jQuery toggle()
通过 jQuery,可以使用toggle() 方法来切换hide()和show()方法.
显示被隐藏的元素,并隐藏已显示的元素:
<!DOCTYPE html><html><head><script src="/jquery/jquery-1.11.1.min.js"></script><script type="text/javascript">$(document).ready(function(){ ?$("button").click(function(){ ?$("p").toggle(); ?});});</script></head><body><button type="button">切换</button><p>这是一个段落。</p><p>这是另一个段落。</p></body></html><hr>
jQuery 效果
原文地址：https://www.cnblogs.com/zbw582922417/p/9720392.html