JQuery CSSスタイルコントロール研究メモ_jquery-jsチュートリアル-php.cn

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

WBOY

リリース： 2016-05-16 18:49:19

オリジナル

1102 人が閲覧しました

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

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

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

このテキストの背景が赤になると、サイズが 2 倍になります

最後の CSS(名前) を見てみましょう
これはめったに使用されません
見てみましょう例 JQuery CSSスタイルコントロール研究メモ_jquery

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

コードをコピー

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

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

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

コードをコピー

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

無标题文档

我会变颜色哦

添样式
去除样式
变样式
多点几下变样式
变色

1.addClass(class)

説明: 選択された要素セットを追加する指定样式。
2.removeClass([class])
説明: 選択された要素セットは指定された式を削除します。
3.toggleClass(class)
説明: 選択された要素セットを置き換えます。
4.toggleClass(class, switch)
説明: 上のメソッドと同様に、領域にはスイッチが多数追加され、switch 値が true であると判断して実行されます。样式の変更
5.css(styleName,value)/css(styleName)/css({value})
説明：css(styleName,value) は、現在の要素の styleName样式プロパティを設定するために使用されます。 css(styleName) は現在の要素の styleName 型プロパティ値を取得するために使用されますが、css({value}) は、別の方法でのプロパティ値を設定するためのメソッドです。特定のメソッドの参照例です^^。在此就不详细说明了