jQuery的add display方法可以動態(tài)地添加、更新或刪除DOM元素的CSS樣式屬性。本文將介紹如何使用add display方法在HTML網(wǎng)頁中實現(xiàn)動態(tài)的樣式展示效果。

$("button").click(function(){
$("p").addClass("red");
});

上面的代碼意思是：當(dāng)頁面中的按鈕被點擊時，查找所有的p標簽元素，并添加一個名為“red”的CSS類。接下來，我們需要在CSS文件中定義這個類：

.red {
color: red;
}

這樣，當(dāng)按鈕被點擊時，所有的p標簽文字將變成紅色。

如果需要動態(tài)移除某個元素的CSS類，可以使用removeClass方法：

$("button").click(function(){
$("p").removeClass("red");
});

這樣，當(dāng)按鈕被點擊時，所有的p標簽文字將恢復(fù)成默認顏色。

除了addClass和removeClass方法，還有toggleClass方法。它可以切換元素是否擁有指定的CSS類：

$("button").click(function(){
$("p").toggleClass("red");
});

這樣，當(dāng)按鈕被點擊時，所有的p標簽文字將在紅色和默認顏色之間不斷切換。

總之，add display方法可以給網(wǎng)頁帶來更加生動多彩的樣式展示效果，是jQuery中一個非常實用的方法。