如何使用 jQuery 的 `.css()` 方法套用「!important」樣式？

使用.css() 應用!important 樣式

嘗試使用jQuery 的“.css()”方法應用帶有“!important”屬性的樣式時，您可能會遇到問題。雖然以下程式碼：

$("#elem").css("width", "100px !important");

看起來很直觀，但由於 jQuery 無法解析“!important”，因此它沒有套用寬度樣式。要克服這個問題，請考慮以下替代方案：

使用 addClass()

建立一個具有所需「!important」樣式的 CSS類別：

.importantRule { width: 100px !important; }

然後，加入此類到目標元素：

$('#elem').addClass('importantRule');

使用attr()

使用「!important」樣式設定元素的「style 」屬性：

$('#elem').attr('style', 'width: 100px !important');

請注意，這會覆蓋任何現有的內聯樣式。

保留現有的內聯樣式

在添加“!important”的同時保留現有的內聯樣式style:

$('#elem').attr('style', function(i,s) { return (s || '') + 'width: 100px !important;' });

此方法將“! important”樣式附加到原始內聯樣式字串。

以上是如何使用 jQuery 的 `.css()` 方法套用「!important」樣式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！