freeCodeCamp/guide/chinese/jquery/jquery-effects-show-method/index.md

1.7 KiB
Raw Blame History

title localeTitle
jQuery Effects Show Method jQuery效果显示方法

jQuery效果显示方法

在最简单的形式中, **.show**立即显示匹配的元素,没有动画。例如:

$(".myclass").show(); 

将显示其类为_myclass的_所有元素。可以使用任何jQuery选择器。

但是此方法不会覆盖CSS样式中的!important ,例如display: none !important

.show作为动画方法

由于其选项, **.show**可以同时为匹配元素的宽度,高度和不透明度设置动画。

  • 持续时间可以以毫秒为单位或者使用文字慢600毫秒和快速200毫秒。例如
$("#myobject").show("slow"); 
  • 可以指定在动画完成后调用函数,每个匹配元素调用一次。例如
$("#title").show( "slow", function() { 
    $("p").show("fast"); 
 }); 
  • More options exist, please refer to the official website for further details.

.slideDown() method

This method animates the height of the matched elements. This causes lower parts of the page to slide down, making way for the revealed items. Usage:


JavaScript的 $ “MyClass的。”了slideDown。 //将使用标识符myclass扩展元素400毫秒。 $ “MyClass的”了slideDown1000。 //将使用标识符myclass扩展元素1000毫秒。 $ “MyClass的。 ”了slideDown“ 慢”)。 //将使用标识符myclass扩展元素600毫秒。 $ “MyClass的 ”了slideDown“ 快”)。 //将使用标识符myclass扩展元素200毫秒。 \`\`\`

#### 更多信息:

[官方网站](http://api.jquery.com/show/)上的JQuery Show方法