jquery toggleClass() 属性を使用して記事段落の背景色を変更する方法-jsチュートリアル-php.cn

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

不言

リリース： 2018-07-04 11:48:00

オリジナル

1915 人が閲覧しました

この記事では、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 サイトに注意してください。