ホームページ > ウェブフロントエンド > フロントエンドQ&A > jqueryで複数の要素のclass属性を削除する方法

jqueryで複数の要素のclass属性を削除する方法

青灯夜游
リリース: 2022-06-10 15:59:59
オリジナル
2399 人が閲覧しました

削除方法: 1. クラス セレクターを使用して複数の要素を取得します。構文 "$(".class 属性値")" は、指定された複数の要素を含む jQuery オブジェクトを返します。 2. RemoveAttr( ) 関数を使用します。取得した要素オブジェクトのクラス属性を削除できます。構文は「element object.removeAttr("class")」です。

jqueryで複数の要素のclass属性を削除する方法

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

複数の要素のクラス属性を削除する jquery メソッド

実装アイデア:

  • class クラス セレクターは複数の要素を取得します

$(".class属性值")
ログイン後にコピー

複数の指定された要素を含む jQuery オブジェクトを返します

  • removeAttr() メソッドを使用してクラス属性を削除します

元素对象.removeAttr("class")
ログイン後にコピー

実装コード:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="./js/jquery-3.6.0.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").on("click", function() {
					$(".box").removeAttr("class");
				});
			});
		</script>
	</head>
	<body>

		<div class="box">测试元素</div>
		<p class="box">测试元素</p>
		<span class="box">测试元素</span>
		<div class="box">测试元素</div>
		<br>
		<button>删除多个元素中的class属性</button>
	</body>
</html>
ログイン後にコピー

jqueryで複数の要素のclass属性を削除する方法

[推奨学習: jQuery ビデオ チュートリアル Webフロントエンドビデオ]

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

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