查看“Eff show”的源代码

{{DISPLAYTITLE:show()}}[[Category:jquery ref effects|12]]
= jQuery 效果 show() 方法 =

[[jquery ref effects|jQuery 效果方法]]

显示所有隐藏的 &lt;p&gt; 元素：

<sample title="" desc="" lang="html" hererun="1">
$("button").click(function(){
    $("p").show();
});
 </sample>
<run name=""> <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小白教程(xiaobai.wang)</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
    $(".btn1").click(function(){
        $("p").hide();
    });
    $(".btn2").click(function(){
        $("p").show();
    });
});
</script>
</head>
<body>

<p>这是一个段落。</p>
<button class="btn1">隐藏</button>
<button class="btn2">显示</button>

</body>
</html> </run>
== 定义和用法 ==

show() 方法显示隐藏的被选元素。

'''注意：'''show() 适用于通过 jQuery 方法和 CSS 中 display:none 隐藏的元素（不适用于通过 visibility:hidden 隐藏的元素）。

'''提示：'''如需隐藏元素，请查看 [[eff hide|hide()]] 方法。

== 语法 ==

<pre>
$(selector).show(speed,easing,callback)</pre>
{| class="table table-striped table-hover"
!width="50%"| 参数
!width="50%"| 描述
|-
| speed
|
可选。规定显示效果的速度。
可能的值：

* 毫秒
* &quot;slow&quot;
* &quot;fast&quot;
|-
| easing
|
可选。规定在动画的不同点上元素的速度。默认值为 &quot;swing&quot;。
可能的值：

* &quot;swing&quot; - 在开头/结尾移动慢，在中间移动快
* &quot;linear&quot; - 匀速移动

'''提示：'''扩展插件中提供更多可用的 easing 函数。
|-
| callback
|
可选。show() 方法执行完之后，要执行的函数。
如需学习更多有关 callback 的内容，请访问我们的 [[jquery callback|jQuery Callback]] 这一章。
|}

== 更多实例 ==

[[try.php?filename=tryjquery_eff_show_hide_speed|show() - 使用 speed 参数]] 当隐藏/显示元素时，如何使用 speed 参数。

[[try.php?filename=tryjquery_eff_show_hide_callback|show() - 使用 callback 参数]] 当隐藏/显示元素时，如何使用 callback 参数。

[[jquery ref effects|jQuery 效果方法]]