jQueryでスタイルに!importantを指定する

jQueryでスタイルを設定する方法は、基本的に以下のような記述ですが

$(セレクタ).css('margin', '10px');

1	$(セレクタ).css('margin', '10px');

スタイルに!importantを指定する場合は、この方法は使用できません。

// これは反映されない
$(セレクタ).css('margin', '10px !important');

1 2	// これは反映されない $(セレクタ).css('margin', '10px !important');

!importantを指定する場合はcssTextを使用します。

$(セレクタ).css('cssText', 'margin: 10px !important;');

1	$(セレクタ).css('cssText', 'margin: 10px !important;');

ただし、このcssTextはスタイルを置き換えるメソッドですので
他で指定されているスタイルは無効になりますので注意が必要です。