45 lines
1.7 KiB
Markdown
45 lines
1.7 KiB
Markdown
---
|
||
title: jQuery Effects Show Method
|
||
localeTitle: jQuery效果显示方法
|
||
---
|
||
## jQuery效果显示方法
|
||
|
||
在最简单的形式中， **.show（）**立即显示匹配的元素，没有动画。例如：
|
||
|
||
```javascript
|
||
$(".myclass").show();
|
||
```
|
||
|
||
将显示其类为_myclass的_所有元素。可以使用任何jQuery选择器。
|
||
|
||
但是，此方法不会覆盖CSS样式中的`!important` ，例如`display: none !important` 。
|
||
|
||
### .show（）作为动画方法
|
||
|
||
由于其选项， **.show（）**可以同时为匹配元素的宽度，高度和不透明度设置动画。
|
||
|
||
* 持续时间可以以毫秒为单位，或者使用文字慢（600毫秒）和快速（200毫秒）。例如：
|
||
|
||
```javascript
|
||
$("#myobject").show("slow");
|
||
```
|
||
|
||
* 可以指定在动画完成后调用函数，每个匹配元素调用一次。例如
|
||
|
||
```javascript
|
||
$("#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的”）了slideDown（1000）。 //将使用标识符myclass扩展元素1000毫秒。 $（ “MyClass的。 ”）了slideDown（“ 慢”）。 //将使用标识符myclass扩展元素600毫秒。 $（ “MyClass的 ”）了slideDown（“ 快”）。 //将使用标识符myclass扩展元素200毫秒。 \`\`\`
|
||
|
||
#### 更多信息：
|
||
|
||
[官方网站](http://api.jquery.com/show/)上的JQuery Show（）方法 |