jQuery元素的顯示 隱藏及動畫

2022-09-05 13:54:10 字數 815 閱讀 3982

1.hide()    隱藏元素

$("div").hide();

2.show()    顯示元素

$("div").show();

3.toggle() 可以切換元素顯示與隱藏

$("div").toggle();

4.slidedown() 滑動顯示,將隱藏的元素滑動顯示出來。

$("div").slidedown();

5.slideup() 滑動隱藏。

$("div").slideup();

6.slidetoggle() 滑動隱藏與顯示切換

$("div").slidetoggle();

7.fadein() 漸顯。只用於隱藏的元素。

$("div").fadein(2000);

8.fadeout() 漸隱。由"顯示"狀態改變透明度直接"隱藏"。只用到顯示的元素。

$("div").fadeout(2000);

9.fadeto() 改變透明度。

$("div").fadeto(2000,0.4);

10.fadetoggle 切換

$("div").fadetoggle(2000);

11.animate() 動畫顯示,引數中的屬性必須是駝峰命名法。

$("img").animate( ,

1000

); 12.stop() 停止動畫

$("img").stop();

13.off 屬性,跳過動畫顯示的過程,直接到最終效果。

jquery.fx.off = true;

或$.fx.off = true;

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 隱藏和顯示html元素

function if reg.test nameele.val 郵箱格式必須正確,可以不輸入 var emailele ucentermember email reg a za z0 9 a za z0 9 a za z0 9 if emailele.val reg.test emailele.v...