jQueryのスタイルの操作

jQueryのスタイルの操作

スタイルを設定します

• ラベルにスタイルを追加するための.css（）
  • .css（ "属性"、 "属性値"）
  • .css（ "属性"、 "属性値"）の.css（ "属性"、 "属性値"）
  • .css（{ "プロパティ"： "属性値"}）

（ "#dv"）、CSS（ "バックグラウンド"、 "赤"）、CSS（ "バックグラウンド"、 "赤"）。$（ "＃1 DV"）、CSS（{ "バックグラウンド"： "赤"、 "幅"、 "20ピクセル"}）。

//幅と高さは---->数値の幅= VAR属性値を取得（「#dv」）の高さ（）* 2 ;. //要素の幅と高さを設定--->パラメータは、デジタルでも文字列（ "#dv"）の高さ（高さ ）;

スタイルを追加します

• スタイルのような要素を追加する.addClass（）
  • addClass（「クラススタイル名」）;クラスのスタイルを追加します
  • 。addClass（「クラス1クラススタイル名スタイル名2」）;クラススタイル複数の追加
  • 注意：中央をスペースで区切ったときに、複数のスタイルを追加します

（ "#Dv"）addClass（ "cls_1 cls_2"）;.ほかのスタイル

スタイルを削除します

• スタイルを削除するremoveClass（）
  • removeClass（「クラススタイル名」）;クラスのスタイルを削除
  • removeClass（）現在のスタイルのすべての要素を削除します

（ "身体"）removeClass（）。

スタイルを適用するかどうか

• hasClass（）は、現在の要素がクラススタイルに適用されるかどうかを決定します
  • hasClass（「クラススタイル名」）

VaRの結果= $（ "＃のDV"）hasClass（ "CLS"）;戻り値:. ==真==、== falseを==

要素のスタイルを切り替えます

• スタイル型スイッチング素子と、toggleClass（）
  • toggleClass（ "クラススタイル名"）;
  • 注：この方法は、複数のオペレーティング・クラスのスタイルを追加および削除することができます

$（ "ボディ"）toggleClass（ "CLS"）;. //クラスのスイッチングパターン

一般的なスタイルの操作

1. 提供の幅と高さを取得します。

//幅と高さは---->数値の幅= VAR属性値を取得（「#dv」）の高さ（）* 2 ;. //要素の幅と高さを設定--->パラメータは、デジタルでも文字列（ "#dv"）の高さ（高さ ）;

2. 設定の場所を取得します。

（ "#dv"））（オフセットトップ。。$（ "＃1 DV"）オフセット（{ "左"：200、 "トップ"：200}）;

3. スクロールバーの高さを取得します

（この）.scrollTop（）

ます。https：//juejin.im/post/5cf20a99e51d45108223fc0dで再現