☰

jQuery で複数の CSS 属性を定義するにはどうすればいいですか? 質問する

tag-icon • tag-icon jquery css
jQuery で複数の CSS 属性を定義するにはどうすればいいですか? 質問する

jQuery で、次のようにすべてを右側に並べずに複数の CSS 属性を定義する構文的な方法はありますか?

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

たとえば、このようなものが 20 個あると、コードが読みにくくなります。解決策はありますか?

例えば、jQuery APIでは、jQueryは両方の正しい値を理解して返します。

.css({ "background-color": "#ffe", "border-left": "5px solid #ccc" })

そして

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

DOM 表記では、プロパティ名を囲む引用符はオプションですが、CSS 表記では名前にハイフンが含まれているため引用符が必須であることに注意してください。

ベストアンサー1

使うだけの方がよい.addClass()そして.removeClass()変更するスタイルが 1 つ以上ある場合でも、保守性と可読性が高まります。

複数の CSS プロパティを本当に使用したい場合は、次のコードを使用します。

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

注意!ハイフン
を含む CSS プロパティはすべて引用符で囲む必要があります。引用符を付けたのは、誰もそれを明確にする必要がないようにするためであり、コードは 100% 機能します。

おすすめ記事