2つの属性を学習するjquery (クラス)_jquery

addClass(クラス)

指定されたクラス名を、一致した各要素に追加します。

指定されたクラスを、一致した要素のセットのそれぞれに追加します。

戻り値

jQuery

パラメータ

class (文字列): 要素に追加する 1 つ以上の CSS クラス名。スペースで区切ってください

例

「選択された」クラスを一致した要素に追加します

HTML コード:

こんにちは

jQuery コード:

$("p").addClass("selected");

結果:

[

こんにちは

]

選択したハイライト クラスを一致する要素に追加します

HTML コード:

こんにちは

jQuery コード:

$("p").addClass("選択されたハイライト")

結果:

[

こんにちは

]

----------------------------------------------- --- --------------------------------------------------- --- --------------------------

removeClass(クラス)

一致するすべての要素からすべてまたは指定されたクラスを削除します。

一致した要素のセットからすべてまたは指定されたクラスを削除します。

戻り値

jQuery

パラメータ

class (String): (オプション) 削除する 1 つ以上の CSS クラス名。スペースで区切ってください

例

一致した要素から「選択された」クラスを削除します

HTML コード:

こんにちは

jQuery コード:

$("p").removeClass("selected");

結果:

[

こんにちは

]

一致する要素のすべてのクラスを削除します

HTML コード:

こんにちは

jQuery コード:

$("p").removeClass();

結果:

[

こんにちは

]

----------------------------------------------- --- --------------------------------------------------- --- --------------------------

toggleClass(クラス)

クラスが存在する（存在しない）場合は、クラスを削除（追加）します。

指定されたクラスが存在しない場合は追加し、存在する場合は指定されたクラスを削除します。

戻り値

jQuery

パラメータ

クラス

(文字列): CSS クラス名

例 一致する要素の「選択された」クラスを切り替えます

HTML コード:

こんにちは

またこんにちは

jQuery コード:

$("p").toggleClass("selected");

結果:

[

こんにちは

、

またこんにちは