jQuery で複数の CSS 属性の設定を簡素化するにはどうすればよいですか?

オブジェクト記法を使用して jQuery での CSS 属性設定を簡素化する

jQuery で複数の CSS 属性を定義する場合、次の場合は可読性の問題が発生する可能性があります。従来のアプローチを使用:

$("#message").css("width", "550px").css("height", "300px").css("font-size", "8pt");

これを合理化するにはこの方法では、CSS プロパティ名を単一のまたは二重引用符、特にハイフンを含むもの (例: "border-left")。

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

可読性と保守性を考慮すると、変更が必要なスタイルが少数であっても、一般的に .addClass() と .removeClass() を使用することをお勧めします。

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