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

今回は、jquery toggleClass()プロパティを使用して背景色を変更する記事段落を作成する方法を説明します。 jquery toggleClass()プロパティを使用して背景色を変更する記事段落を作成するための注意事項を説明します。ここでは実際のケースを紹介しますので、見てみましょう。

定義と使用法

toggleClass() メソッドは、選択した要素を追加および削除するために 1 つ以上のクラスを切り替えます。

このメソッドは、各要素で指定されたクラスをチェックします。クラスが存在しない場合は追加し、設定されている場合は削除します。これをトグル効果と呼びます。

ただし、「switch」パラメータを使用すると、クラスの削除のみまたは追加のみを指定できます。

構文

$(selector).toggleClass(classname,function(index,currentclass),switch)

パラメータ	説明
クラス名	必須。追加または削除する 1 つ以上のクラス名を指定します。複数のクラスを指定する必要がある場合は、スペースを使用してクラス名を区切ります。
function(index,currentclass)	オプション。追加/削除する必要がある 1 つ以上のクラス名を返す関数を指定します。 index - コレクション内の要素のインデックス位置を返します。 currentclass - 選択した要素の現在のクラス名を返します。
スイッチ	はオプションです。クラスを追加のみするか (true)、削除するか (false) を指定するブール値。

使い方の紹介:

jQuery を使用して記事の段落を作成し、背景色属性 jquery toggleClass() 属性を変更します。

エフェクトの画像は次のとおりです:

エフェクトの表示 ソースコードのダウンロード

FileQuote:

<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中国語ウェブサイトの記事の他の関連トピックにもご注意ください。

推奨読書:

Vue アプリケーションの 404 ページをグローバルに構成する方法

nodejs Express を使用して自己署名 https サーバーを構成する方法

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