jqueryでクラスを削除する方法-フロントエンドQ&A-php.cn

方法: 1. 指定したクラスを要素から削除するには、removeClass()を使用します。構文は、「指定した要素.removeClass("クラス名")」です。パラメータを省略した場合は、すべてのクラスを削除できます; 2. toggleClass()、構文「specify element.toggleClass("クラス名",false)」を使用します。

jqueryでクラスを削除する方法

このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。

jquery でクラスを削除する方法

方法 1:removeClass() を使用する

RemoveClass() メソッドは、選択した要素から 1 つ以上のクラスを削除します。

$(selector).removeClass("类名")

ログイン後にコピー

パラメータが指定されていない場合、このメソッドは選択した要素からすべてのクラスを削除します。

例: p 要素の「intro」クラスを削除します:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function(){
				$("button").click(function(){
					$("p").removeClass("intro");
				});
			});
		</script>
		<style type="text/css">
			.intro {
				font-size: 120%;
				color: red;
			}
		</style>
	</head>
	<body>

		<h1>这是一个标题</h1>
		<p class="intro">这是一个段落。</p>
		<p class="intro">这是另一个段落。</p>
		<button>移除所有P元素的"intro"类</button>

	</body>
</html>

ログイン後にコピー

jqueryでクラスを削除する方法

方法 2: toggleClass() を使用します

toggleClass() メソッドは、選択した要素の追加と削除の間で 1 つ以上のクラスを切り替えます。

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

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

$(selector).toggleClass(classname,switch)

ログイン後にコピー

パラメータ説明function(index,currentclass)#スイッチ例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function(){
				$("button").click(function(){
					$("p").toggleClass("intro",false);
				});
			});
		</script>
		<style type="text/css">
			.intro {
				font-size: 120%;
				color: red;
			}
		</style>
	</head>
	<body>

		<h1>这是一个标题</h1>
		<p class="intro">这是一个段落。</p>
		<p class="intro">这是另一个段落。</p>
		<button>移除所有P元素的"intro"类</button>

	</body>
</html>

ログイン後にコピー

[推奨学習: jqueryでクラスを削除する方法 jQuery ビデオチュートリアル

、

ウェブフロントエンドビデオ]

以上がjqueryでクラスを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。


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