如何使用 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中文网其他相关文章！