首頁 > 文章 > web前端 > jquery怎麼去除a標籤的屬性

jquery怎麼去除a標籤的屬性

青灯夜游原創: 2022-05-17 18:41:242331瀏覽

兩種方法：1、直接使用removeAttr()移除a標籤的指定屬性，語法「$("a").removeAttr("要移除的屬性名稱")」。 2.用attr()將a標籤指定屬性的值設為空，語法「$("a").attr("要移除的屬性名","")」。

jquery怎麼去除a標籤的屬性

本教學操作環境：windows7系統、jquery3.2.1版本、Dell G3電腦。

jquery移除a標籤指定屬性的兩種方法

#1、使用removeAttr()

removeAttr() 方法從被選元素中移除指定屬性。語法：

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

範例：移除a標籤的target屬性

<!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怎麼去除a標籤的屬性

##2、使用attr()

#attr() 方法設定或傳回被選元素的屬性值。

當使用attr() 方法將被選元素的屬性值設為空時，也可讓指定屬性失效。

語法：

$("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怎麼去除a標籤的屬性

擴充知識：

標籤定義超鏈接，用於從一個頁面連結到另一個頁面。

元素最重要的屬性是 href 屬性，它指定連結的目標。

標籤可設定的屬性

#屬性值描述charsetcoordshref#連結的目標 URL。 hreflang#規定目標 URL 的基準語言。僅在 href 屬性存在時使用。 medianamerelrevshapetarget在何處開啟目標URL。僅在 href 屬性存在時使用。 type


	char_encoding	HTML 5 中不支援。
	coordinates	HTML 5 不支援。
	URL
	language_code
	media query	#規定目標 URL 的媒介類型。預設值：all。僅在 href 屬性存在時使用。
	section_name	HTML 5 不支援。
	alternate archives author bookmark contact external first #help icon index last license next nofollow noreferrer pingback prefetch #prev search stylesheet sidebar tag up	規定當前文件與目標URL 之間的關係。僅在 href 屬性存在時使用。
	text	#HTML 5 中不支援。
	default rect circle poly	HTML 5 中不支援。
	_blank _parent _self _top
	mime_type	#規定目標 URL 的 MIME 類型。僅在 href 屬性存在時使用。附註：MIME = Multipurpose Internet Mail Extensions。

【推薦學習：

jQuery影片教學、web前端影片】

以上是jquery怎麼去除a標籤的屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：jquery怎麼去掉border樣式下一篇：jquery怎麼去掉border樣式

看更多