评论后编辑

Question

我有一个宽度为div的div，作为一个类添加了50％，

准备好文件我正在这样做，

$("#id").width('100%');

但这条规则被忽略了。

如何让我的代码必须使用？

Answer 1

尝试使用jQuery＆＃39; .css()函数（JSFiddle example）：

$("#id").css("width", "100%");

如果您确实要将其设为!important：

$("#id").css("width", "100% !important");

Answer 2

esqew是正确的，但这通常是解决问题的“坏”方法。 “通常”，你最好使用css继承并避免使用“！important”语句（更不用说动态！重要的语句）。

请参阅How to access an element within an element in css?，了解有关某人试图获得类似内容的信息。

扩展esqew的小提琴，你可以这样做：http://jsfiddle.net/rHYc4/2/

#outer-div #id { width: 100%; }

如果您尝试更改的CSS已经包含“！important”，则需要使用！important来覆盖它。
如果您尝试覆盖的CSS没有！important，则应使用更具体的选择器进行更改。
如果在两种方法之后它仍然没有改变，你可以删除宽度$('#id').css("width","");，然后做你喜欢的任何事情！

评论后编辑

如果您看到类似<div id='id' width='100%'>blah blah</div>的内容，则可以使用jQuery的attr来删除它：$('#id').removeAttr('width','');将其删除，或$('#id').attr('width','100%');进行设置。

请参阅http://api.jquery.com/attr/和http://api.jquery.com/removeattr/

Answer 3

由于您提到您使用类设置宽度，请将其保留在CSS中并避免操纵JS中的宽度。相反，使用另一个类，如：

#id {width: 50%}
#id.new-class {width: 100%}

然后准备好文件

$("#id").addClass("new-class");

如何忽略css类的宽度并将其设置为代码为！important

3 个答案:

评论后编辑