如何刪除使用 jQuery 的 .css() 新增的動態 CSS 樣式？

使用jQuery 刪除動態CSS 樣式

使用jQuery 的.css() 函數動態修改樣式時，您可能需要刪除套用的樣式基於某些標準。本文透過提供刪除使用 .css() 新增的樣式的解決方案來解決這種情況。

問題陳述

假設您有一個修改背景顏色的 jQuery 函數基於使用者輸入的元素。當使用者選擇特定顏色時，您想要套用自訂背景顏色。但是，當使用者沒有選擇顏色時，需要移除先前套用的內聯樣式。

解

要移除 . 新增的內聯樣式。 css()，您可以將該屬性設為空字串。以下是答案中提供的程式碼片段：

$.css("background-color", "");

在本例中，「.backgroundColor」代表您要刪除的屬性。透過將其值設為空字串，您可以有效地刪除先前套用的內聯樣式。

重要說明

請務必注意，使用 .css在這種情況下，值為「none」的 () 將不起作用。將屬性設為“none”將刪除 CSS 檔案中定義的預設樣式，這不是此處所需的行為。

透過使用空字串，您可以專門針對 .css() 應用的內聯樣式並刪除它而不影響 CSS 檔案中定義的預設樣式。

以上是如何刪除使用 jQuery 的 .css() 新增的動態 CSS 樣式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！