show
英 [ʃəʊ] 美 [ʃoʊ]
vt.& vi.表现出;给…看;显露出;上演
vt.表明;说明;指示;演示
n.显示;表演;展览;外观
vi.被人看见,显现,显而易见
jquery show()函数 语法
作用:如果被选元素已被隐藏,则显示这些元素。
语法:$(selector).show(speed,callback)
参数:
参数 | 描述 |
speed | 可选。规定元素从隐藏到完全可见的速度。默认为 "0"。可能的值:毫秒 (比如 1500)"slow""normal""fast"在设置速度的情况下,元素从隐藏到完全可见的过程中,会逐渐地改变其高度、宽度、外边距、内边距和透明度。 |
callback | 可选。show 函数执行完之后,要执行的函数。除非设置了 speed 参数,否则不能设置该参数。 |
注释:如果元素已经是完全可见,则该效果不产生任何变化,除非规定了 callback 函数。该效果适用于通过 jQuery 隐藏的元素,或在 CSS 中声明 display:none 的元素(但不适用于 visibility:hidden 的元素)。
jquery show()函数 示例
<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.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>
点击 "运行实例" 按钮查看在线实例