jQuery で複数の CSS 属性を効率的に定義するにはどうすればよいですか?

jQuery での複数の CSS 属性の定義

jQuery では 1 行で複数の CSS 属性を定義する機能がサポートされていますが、読みやすさの問題に。 jQuery API は、2 つの代替アプローチを提供します。

DOM 表記

jQuery は、プロパティ名の DOM 表記と CSS 表記の両方を理解します。 DOM 表記では、ハイフンでつながれたプロパティ (例: "background-color") は引用符なしで記述できます。

.css({backgroundColor: "#ffe", borderLeft: "5px solid #ccc"})

オブジェクト リテラル

複数の CSS 属性を定義するには、 .css() への引数としてオブジェクト リテラルを使用します。メソッド:

.css({
   'font-size' : '10px',
   'width' : '30px',
   'height' : '10px'
});

推奨事項

単一の属性の場合でも、スタイル管理には .addClass() メソッドと .removeClass() メソッドを使用することをお勧めします。これにより、保守性と可読性が確保されます。ただし、複数の CSS プロパティの割り当てが必要な場合は、複数の .css() 呼び出しでプロパティを文字列化するよりも、オブジェクト リテラルのアプローチの方が適しています。

注:

CSS 表記を使用する場合は、ハイフンを含むプロパティ名を引用符で囲むことを忘れないでください。

以上がjQuery で複数の CSS 属性を効率的に定義するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。