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

jqueryでdivの属性を削除する方法

青灯夜游
リリース: 2022-11-18 19:50:04
オリジナル
3322 人が閲覧しました

2 つの削除方法: 1. 削除には attr() を使用します。構文は "$("div").attr("属性名","");" で、属性の値を設定できます。指定された属性を Empty に変更し、属性を無効にします。 2. 削除するには、removeAttr() を使用します。構文は、「$("div").removeAttr("属性名");」です。

jqueryでdivの属性を削除する方法

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

属性とは

属性は、HTML タグに追加情報を提供したり、HTML タグを変更したりできます。属性は開始タグに追加する必要があり、構文形式は次のとおりです。

attr="value"
ログイン後にコピー

attr は属性名を表し、value は属性値を表します。属性値は二重引用符 " " または一重引用符 ' ' で囲む必要があります。

二重引用符と一重引用符の両方で属性値を囲むことができますが、標準化と専門性の観点から、可能な限り二重引用符を使用してください。

タグには属性を含めないか、1 つ以上の属性を含めることができます。

jQuery で div の属性を削除する 2 つのメソッド

方法 1: attr() を使用して値を設定します指定された属性が空です

attr() メソッドを使用して、選択した要素の属性値を空に設定する場合、指定された属性を無効にすることもできます。

<!DOCTYPE html>
<html>
	<head>
		<script type="text/javascript" src="js/jquery-3.6.1.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("div").attr("style","");
				});
			});
		</script>
	</head>

	<body>
		<h1>这是一个标题</h1>
		<div style="font-size:120%;color:red">这是一个div元素。</div>
		<p>这是一个p元素。</p>
		<button>删除div元素的 style 属性</button>
	</body>
</html>
ログイン後にコピー

jqueryでdivの属性を削除する方法

方法 2:removeAttr() を使用して、指定した属性を直接削除します

removeAttr() メソッドは、選択した要素から削除します1 つ以上の属性。複数のプロパティを削除するには、プロパティ名をスペースで区切ります。

<!DOCTYPE html>
<html>
	<head>
		<script type="text/javascript" src="js/jquery-3.6.1.min.js"></script>
		<script>
			$(document).ready(function(){
			$("button").click(function(){
				$("div").removeAttr("id class");
			});
		});
		</script>
		<style type="text/css">
			#p1 {
				color: white;
				background-color: green;
				font-size: 20px;
				padding: 5px;
				margin: 5px;
			}

			.blue {
				color: white;
				background-color: blue;
				font-size: 20px;
				padding: 5px;
				margin: 5px;
			}
		</style>
	</head>
	<body>

		<h1>这是一个标题</h1>
		<div id="p1">这是一个div元素。</div>
		<div class="blue">这是另一个div元素。</div>
		<button>移除所有div元素的id和class属性</button>

	</body>
</html>
ログイン後にコピー

jqueryでdivの属性を削除する方法

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

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

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