ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery 属性の使用 (パート 2、カテゴリ)_jquery

jQuery 属性の使用 (パート 2、カテゴリ)_jquery

WBOY
リリース: 2016-05-16 18:38:55
オリジナル
936 人が閲覧しました

この一連の記事は、属性、カテゴリ、HTML コード、テキスト、値の 5 つの記事に分かれています。
この記事では、addClass(class)、removeClass(class)、toggleClass(class) の使用法について説明します。
この一連の記事に関してご提案やコメントがある場合は、sjzlgt@qq.com まで電子メールを送信してください。
jQuery の詳細については、jQuery 公式 Web サイトにアクセスしてください。
.addClass(class) 使用法
定義: 指定されたクラス名を一致する各要素に追加します。
戻り値: オブジェクト
パラメータ: class (文字列): 要素に追加する 1 つ以上の CSS クラス名。複数の場合はスペースで区切ってください。
例: ID "div_a1" の DIV に ' を追加しますredBorder' クラスを中央のすべての画像に追加します。
コード: $("#div_a1 img").addClass("redBorder");

2.removeClass(class) の使用法
定義: 一致するすべての要素から削除すべてまたは指定されたクラス。
戻り値: オブジェクト
パラメータ: class (String): (オプション) 削除する 1 つ以上の CSS クラス名。複数はスペースで区切ってください。
インスタンス: "div_b1" の ID を変更します。 ' を削除します。 DIV 内のすべての画像の redBorder' クラス。
コード: $("#div_b1 img").removeClass("redBorder");

3. toggleClass(class) の使用法
定義: 存在する場合 (存在しない場合)存在する) ) を使用してクラスを削除 (追加) します。
戻り値: オブジェクト
パラメータ: class (String): CSS クラス名
インスタンス: ID「div_c1」を持つ DIV 内のすべての画像を「redBorder」クラスに切り替えます。コード: $("#div_c1 img").toggleClass("redBorder");

実行後、jquery を読み込むために更新する必要があります


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]


源码打包下载
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート