如何忽略CSS類的寬度並通過代碼將其設置為！important

Question

我有一個div，寬度為班級的50％，

在准備文檔時，我正在這樣做，

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

但是規則被忽略了。

我該如何使我的代碼必須使用？

Answer 1

嘗試使用jQuery的.css()函數（ JSFiddle示例 ）：

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

如果您真的想將其設置為!important ：

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

Answer 2

esqew是正確的，但這通常是解決問題的“壞方法”。 通常，最好使用CSS繼承並避免使用“！important”語句（更不用說動態！important語句了）。

請參見如何訪問CSS元素中的元素？ 有關嘗試實現類似目標的某人的一些信息。

擴展esqew的提琴，您可以這樣做： http : //jsfiddle.net/rHYc4/2/

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

1. 如果您要更改的CSS上面已經帶有“！important”，則需要使用！important來覆蓋它。
2. 如果您要覆蓋的CSS沒有！important，則應使用更具體的選擇器進行更改。
3. 如果兩種方法仍然沒有改變，則可以刪除寬度$('#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");