ホームページ > ウェブフロントエンド > jsチュートリアル > jquery toggleClass() 属性を使用して記事段落の背景色を変更する方法

jquery toggleClass() 属性を使用して記事段落の背景色を変更する方法

不言
リリース: 2018-07-04 11:48:00
オリジナル
1920 人が閲覧しました

この記事では、jquery toggleClass() 属性を使用して記事の段落の背景色を変更する方法を主に紹介します。これを必要な友人に共有します。

記事の背景色を変更します。 jQuery 属性 jquery toggleClass() 属性を持つ段落。この記事にはサンプル コードとソース コードが添付されているので、興味のある方は参考にしてください。

このメソッドは、各要素で指定されたクラスをチェックします。クラスが存在しない場合は追加し、設定されている場合は削除します。これをトグル効果と呼びます。 ただし、「switch」パラメータを使用すると、クラスの削除のみまたは追加のみを指定できます。 構文

$(selector).toggleClass(classname,function(index,currentclass),switch)
ログイン後にコピー

パラメータ

説明

クラス名function(index,currentclass)index - コレクション内の要素のインデックス位置を返します。 currentclass - 選択した要素の現在のクラス名を返します。 使い方の紹介: jQuery を使用して記事の段落を作成し、背景色属性 jquery toggleClass() 属性を変更します。
必須。追加または削除する 1 つ以上のクラス名を指定します。複数のクラスを指定する必要がある場合は、スペースを使用してクラス名を区切ります。
オプション。追加/削除する必要がある 1 つ以上のクラス名を返す関数を指定します。
  • スイッチ

    はオプションです。クラスを追加のみするか (true)、削除するか (false) を指定するブール値。

レンダリングは次のとおりです:

ファイル参照:

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("input").click(function(){
  $("p").toggleClass("main");
 });
});
</script>
ログイン後にコピー

以上がこの記事の全内容です。その他の関連コンテンツについては、お支払いください。 PHP 中国語 Web サイトに注意してください。

関連おすすめ:

jqueryでは外部CDNの導入とロード失敗時のローカルjqライブラリのインポート方法を紹介

jquery.onoffで実装されたスイッチボタン機能


以上がjquery toggleClass() 属性を使用して記事段落の背景色を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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