JQuery CSSスタイルコントロール研究メモ_jquery

jQuery については特に言うことはありませんが、比較的よく使われる JS の関数ライブラリです。今日は css
$(selector).css("name","value" ) $(selector).css({properties})
$(selector).css(name)
$(selector).css("name","value") がすべての要素に指定されます CSS プロパティ設定値:
今書いた以下のコードを見てください

コードをコピーします コードは次のとおりです:

対応する HTML は次のとおりです。

このテキストの背景が赤になると、サイズが 2 倍になります
ここをクリック< ;/button>
効果を見てみましょう:

最後の CSS(名前) を見てみましょう
これはめったに使用されません
見てみましょう例 $(this).css("background-color");
実際には「name」の属性値を返します。基本的に使用される場所は比較的少ないため、詳細は説明しません。
jQuery サイズは個別にリストする必要があります。
サイズには $(selector).height(value) と $(selector).width(value) の 2 つのパラメータがあります。
両方の使用法は同じであり、以下にリストします。例を示します:




コードをコピー

コードは次のとおりです: < ;head>

この p タグ ボックスの高さは 200px に増加し、幅は 20px になります。
ここをクリックすると変わります




以下は補足のテストコードです

コードをコピー

コードは次のとおりです: