jQueryで CSSの !importantを使う方法

jQueryで CSSを扱う場合に !importantを利用したい状況があると思います。しかしプロパティの値に !importantを指定しただけでは有効になりません。そこで jQueryの CSSメソッドで !importantを有効にする方法を説明します。

jQueryで CSSの !importantを使用する方法

通常の jQueryで扱う CSSメソッドの記述に !importantを追加する方法では有効になりません。

JavaScript

$('要素').css('background', '#000 !important');

この指定の方法で行けると思ったのですが有効になりませんでした。

JavaScript

$('要素').css('cssText', 'background: #000 !important');

プロパティに cssTextを指定して値に CSSを指定する方法で有効になりました。