jQuery の `.css()` メソッドを使用して「! important」スタイルを適用するにはどうすればよいですか?

.css() を使用して ! important スタイルを適用する

jQuery の ".css()" メソッドを使用して、"! important" 属性を持つスタイルを適用しようとすると、問題が発生する可能性があります。次のコード:

$("#elem").css("width", "100px !important");

は直感的に見えますが、jQuery は「! important」を解析できないため、幅スタイルは適用されません。これを解決するには、次の代替案を検討してください。

addClass() を使用する

必要な "! important" スタイルで CSS クラスを作成します。

.importantRule { width: 100px !important; }

次に、このクラスをターゲット要素に:

$('#elem').addClass('importantRule');

を使用attr()

要素の "style" 属性を "! important" スタイルで設定します。

$('#elem').attr('style', 'width: 100px !important');

これにより、既存のインライン スタイルが上書きされることに注意してください。

既存のインライン スタイルを保持する

「!重要」を追加しながら既存のインライン スタイルを保持するにはstyle:

$('#elem').attr('style', function(i,s) { return (s || '') + 'width: 100px !important;' });

このアプローチでは、元のインライン スタイル文字列に「! important」スタイルを追加します。

以上がjQuery の `.css()` メソッドを使用して「! important」スタイルを適用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。