編程學習網 > 編程教程 > jQuery 教程
2015
09-11

jQuery 隱藏/顯示

清華大佬耗費三個月吐血整理的幾百G的資源,免費分享!....>>>

jQuery 效果- 隱藏和顯示


隱藏、顯示、切換,滑動,淡入淡出,以及動畫,哇哦!

點擊 顯示/隱藏面板

因為時間是寶貴的,我們提供快捷方便的學習方法。

在 W3CSchool,你可以學習需要的知識。


實例

jQuery hide()
簡單的jQuery hide()方法演示。

jQuery hide()
另一個hide()實例。演示如何隱藏文本。


jQuery hide() 和 show()

通過 jQuery,您可以使用 hide() 和 show() 方法來隱藏和顯示 HTML 元素:

實例

$("#hide").click(function(){
? $("p").hide();
});

$("#show").click(function(){
? $("p").show();
});

語法:

$(selector).hide(speed,callback);

$(selector).show(speed,callback);

可選的 speed 參數規定隱藏/顯示的速度,可以取以下值:"slow"、"fast" 或毫秒。

可選的 callback 參數是隱藏或顯示完成后所執行的函數名稱。

下面的例子演示了帶有 speed 參數的 hide() 方法:

實例

$("button").click(function(){
? $("p").hide(1000);
});



jQuery toggle()

通過 jQuery,您可以使用 toggle() 方法來切換 hide() 和 show() 方法。

顯示被隱藏的元素,并隱藏已顯示的元素:

實例

$("button").click(function(){
? $("p").toggle();
});

語法:

$(selector).toggle(speed,callback);

可選的 speed 參數規定隱藏/顯示的速度,可以取以下值:"slow"、"fast" 或毫秒。

可選的 callback 參數是 toggle() 方法完成后所執行的函數名稱。

掃碼二維碼 獲取免費視頻學習資料

編程學習