jqueryでタグの属性を削除する方法-フロントエンドQ&A-php.cn

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

青灯夜游

リリース： 2022-06-08 16:28:01

オリジナル

2428 人が閲覧しました

2 つの方法: 1.removeAttr() を直接使用して、a タグの指定された属性を削除します。構文は "$("a").removeAttr("削除する属性の名前") です。」。 2. attr() を使用して、構文 "$("a").attr("削除する属性の名前","")" を使用して、a タグで指定された属性の値を空に設定します。

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

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

タグで指定された属性を削除するための jQuery の 2 つのメソッド

1.removeAttr()

を使用します。

removeAttr() メソッドは、選択された要素から指定された属性を削除します。構文:

$("a").removeAttr("要移除的属性名")

ログイン後にコピー

例: a タグのターゲット属性を削除します

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.2.1.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").bind("click", function() {
					$("a").removeAttr("target");
				});
			});
		</script>
	</head>

	<body>
		<a href="#" target="_blank">a标签超链接</a><br><br>
		<button>去除a标签的属性</button>
	</body>
</html>

ログイン後にコピー

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

2。attr() を使用します。

attr() メソッドは、選択した要素の属性値を設定または返します。

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

構文:

$("a").attr("要移除的属性名","")

ログイン後にコピー

例: a タグの href 属性を削除する

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.2.1.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").bind("click", function() {
					$("a").attr("href", "");
				});
			});
		</script>
	</head>

	<body>
		<a href="#" target="_blank">a标签超链接</a><br><br>
		<button>去除a标签的属性</button>
	</body>
</html>

ログイン後にコピー

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

拡張知識:

タグは、あるページから別のページへのリンクに使用されるハイパーリンクを定義します。

要素の最も重要な属性は、リンクのターゲットを指定する href 属性です。

# タグで設定できる属性

AttributesValue 説明charset座標#hrefURLhreflang language_codemediaメディアクエリターゲット URL のメディアタイプを指定します。 #namehref 属性が存在する場合にのみ使用されます。 text##HTML 5 ではサポートされていません。 shapedefaultrectcircle_parent_self_top ターゲット URL の MIME タイプを指定します。 href 属性が存在する場合にのみ使用されます。


	char_encoding	HTML 5 ではサポートされていません。
	座標	HTML 5ではサポートされていません。
	リンクのターゲット URL。
	ターゲット URL の基本言語を指定します。 href 属性が存在する場合にのみ使用されます。
		デフォルト値: すべて。 href 属性が存在する場合にのみ使用されます。
section_name	HTML 5 ではサポートされていません。	rel
代替	アーカイブ著者ブックマーク連絡先外部最初のヘルプアイコンインデックス最後ライセンス next nofollow noreferrer pingback prefetch prev search stylesheet sidebar tag up 最新のものが必要ですドキュメントとターゲット URL の間の関係。	#rev

	poly #HTML 5 ではサポートされていません。 target	_blank
	ターゲット URL を開く場所。 href 属性が存在する場合にのみ使用されます。 type mime_type
注: MIME = 多目的インターネットメール拡張機能。		[推奨学習: jQuery ビデオチュートリアル、 Web フロントエンドビデオ ]

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