如何使用 jQuery 的 `.css()` 方法通过 `!important` 覆盖样式？

使用 !important 覆盖样式 使用 .css()

jQuery 的 .css() 方法在应用标有 !important 属性的内联样式时存在限制。虽然您提供的代码片段 $("#elem").css("width", "100px !important") 应该可以直观地达到您想要的效果，但由于 jQuery 无法解释 !important 指令，它无法实现。

要规避此问题，您可以采用替代方法：

使用 addClass() 和 CSS Class

使用您需要的 !important 样式创建一个 CSS 类，并使用 jQuery 的 addClass() 方法将其应用到您的元素。例如：

.importantRule {
  width: 100px !important;
}

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

使用 attr() 修改内联样式

或者，使用 jQuery 的 attr() 方法修改元素的内联样式并包含 !important attribute.

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

请注意，此方法将覆盖任何现有的内联样式，因此请使用

虽然这些方法为 jQuery 中的 !important 要求提供了解决方法，但值得考虑 @Nick Craver 的建议，即重新访问 CSS 规则以实现所需的行为，而不需要内联 !important 样式。

以上是如何使用 jQuery 的 `.css()` 方法通过 `!important` 覆盖样式？的详细内容。更多信息请关注PHP中文网其他相关文章！