JQuery顯示隱藏頁面元素的方法總結

2021-10-24 18:48:41 字數 931 閱讀 4970

show()方法

顯示出隱藏的 元素。

複製**

**如下:

$(".btn2").click(function());

toggle()方法

toggle() 方法切換元素的可見狀態。

如果被選元素可見,則隱藏這些元素,如果被選元素隱藏,則顯示這些元素。

複製**

**如下:

this is a paragraph.

toggle

slidedown()方法

以滑動方式顯示隱藏的 元素:

複製**

**如下:

$(".btn2").click(function());

hide() 方法

隱藏可見的 元素:

複製**

**如下:

$(".btn1").click(function());

這個函式經常與show一起使用

css()方法

css() 方法設定或返回被選元素的乙個或多個樣式屬性。

返回 css 屬性

如需返回指定的 css 屬性的值,請使用如下語法:

複製**

**如下:

css("propertyname");

$("p").css("display","none");

看乙個例項

複製**

**如下:

1.測試例子

2.測試例子

3.測試例子

4.測試例子

5.測試例子

6.測試例子

7.測試例子

8.測試例子

9.測試例子

0.測試例子

jquery顯示隱藏元素

id css display none id css display block 或 id 0 style.display none id 返回的是jquery 它是個集合肯定沒有display屬性 firststep hide 500 而且可以設定時間 firststep hide 500 而且可...

jquery隱藏顯示元素

1.hide 方法 等效為display none 他可以記住display none之前display的值 2.show 方法 可以恢復hide 呼叫之前dispaly的值同事改變高度寬度不透明度 3.fadein 方法可以通過改變元素的不透明度顯示 4.fadeout 方法可以通過改變元素的不透...

頁面元素隱藏和顯示

一 jquery hide 和 show 通過 jquery,您可以使用 hide 和 show 方法來隱藏和顯示 html 元素 hide click function show click function 語法 selector hide speed,callback selector sho...