jqueryを使ってインラインスタイルを！importantでオーバーライドする方法は？

Question

私が持っている：

<p style="color:red !important;">sample text here</p> 

をして、私はそれを行うだろうか、jQueryの中でそのスタイルを上書きしたいですか？

CSSで!importantを使用すると、明らかに動作しません（しかし、とにかく試しました）。 私はのような何かを行うことができれば、私は考えている：

$(document).ready(function(){ 
    $('p').css("color","#fff"); 
}); 

この上の任意の考えを??

Answer 1

あなたのコードは正しいです、あなたが示唆したのとまったく同じようにすることができます。要素に既にインラインスタイルのルールがあるにもかかわらず、ドキュメントが準備できたら、そのルールはあなたが書いたもので置き換えられます。see here。

DEMO

何らかの理由で、あなたはより多くの保証をしたい場合は、あなたがremoveAttr() jqueryのメソッドを使用して新しいスタイルを適用する前には、インラインスタイルをクリアすることができます（それは、コードの廃棄物のビットです）。

DEMO

$(document).ready(function(){ 
 
\t $('p').removeAttr('style'); 
 
    $('p').css("color","blue"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<p style="color:red !important;">sample text here</p>