如何申请！使用.css（）是否重要？

我很难应用这样的风格！重要的我尝试过：

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

这没有任何作用；不应用任何宽度样式。有没有类似jQuery的方法来应用这样的样式而不必覆盖cssText（这意味着我需要先解析它，等等）？

编辑：我应该补充一下，我有一个带有！我试图用！重要的样式内联，因此使用.width（）等不会起作用，因为它会被我的外部重写！重要的风格。

此外，将覆盖上一个值的值是计算出来的，因此我不能简单地创建另一个外部样式。

当前回答

const elem = $("#elem");
elem[0].style.removeAttribute('width');
elem[0].style.setProperty('width', '100px', 'important');

注：使用Chrome可能会返回错误，例如：

elem[0].style.removeAttribute不是函数

更改行以使用.removeProperty函数，如elem[0].style.removeProperty（'width'）；解决了这个问题。

其他回答

如果它不那么相关，并且由于您正在处理一个元素#elem，那么您可以将其id更改为其他元素，并根据您的意愿对其进行样式设置。。。

$('#elem').attr('id', 'cheaterId');

在CSS中：

#cheaterId { width: 100px;}

我还发现某些元素或插件（如Bootstrap）有一些特殊的类情况，它们不能很好地使用！重要的或其他解决方法，如.addClass/.removeClass，因此您必须打开/关闭它们。

例如，如果您使用类似＜table class＝“table hover”＞的方法，成功修改行颜色等元素的唯一方法是打开/关闭table hover类，如下所示

$（your_element）最近（“table”）.tggleClass（“table hover”）；

希望这项工作对某人有帮助！：）

仅供参考，它不起作用，因为jQuery不支持它。2012年提交了一张罚单（#11173$（elem）.css（“property”，“value！important”）失败），最终被关闭为WONTFIX。

可以直接使用.width（）设置宽度，如下所示：

$("#elem").width(100);

更新征求意见：您也有这个选项，但它将替换元素上的所有css，因此不确定它是否更可行：

$('#elem').css('cssText', 'width: 100px !important');

您可以这样做：

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

使用“cssText”作为属性名，并将您希望添加到CSS中的任何内容作为其值。

推荐文章