選單
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

jQuery 效果 - 隱藏和顯示


隱藏、顯示、切換、滑動、淡入淡出和動畫。太棒了!

點選顯示/隱藏面板

因為時間寶貴,我們提供快速簡便的學習。

在 W3Schools,您可以用便捷易懂的方式學習所有您需要掌握的知識。


示例

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

jQuery hide()
另一個 hide() 演示。如何隱藏文字部分。


jQuery hide() 和 show()

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

示例

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

$("#show").click(function(){
  $("p").show();
});
自己動手試一試 »

語法

$(選擇器).hide(速度,回撥函式);

$(選擇器).show(速度,回撥函式);

可選的速度引數指定隱藏/顯示的速度,並且可以接受以下值:“slow”(慢)、“fast”(快)或毫秒數。

可選的回撥函式引數是一個在 hide()show() 方法完成執行後呼叫的函式(您將在後續章節中瞭解更多關於回撥函式的資訊)。

以下示例演示了 hide() 的速度引數。

示例

$("button").click(function(){
  $("p").hide(1000);
});
自己動手試一試 »


jQuery toggle()

您還可以使用 toggle() 方法在隱藏和顯示元素之間進行切換。

已顯示的元素將被隱藏,已隱藏的元素將被顯示。

示例

$("button").click(function(){
  $("p").toggle();
});
自己動手試一試 »

語法

$(選擇器).toggle(速度,回撥函式);

可選的速度引數可以接受以下值:“slow”(慢)、“fast”(快)或毫秒數。

可選的回撥函式引數是在 toggle() 完成後執行的函式。


jQuery 練習

透過練習來測試自己

練習

使用 jQuery 方法在單擊 <p> 元素時隱藏它。

$("p").click(function(){
  $(this).();
});

開始練習


jQuery Effects 參考

要檢視所有 jQuery 效果的完整概述,請訪問我們的 jQuery 效果參考


×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業,請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤,或想提出建議,請傳送電子郵件給我們
help@w3schools.com

W3Schools 經過最佳化,旨在方便學習和培訓。示例可能經過簡化,以提高閱讀和學習體驗。教程、參考資料和示例會不斷審查,以避免錯誤,但我們無法保證所有內容的完全正確性。使用 W3Schools 即表示您已閱讀並接受我們的使用條款Cookie 和隱私政策

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援