jquery怎么去除a标签的属性_ui

jquery怎么去除a标签的属性

两种方法：1、直接使用removeAttr()移除a标签的指定属性，语法“$("a").removeAttr("要移除的属性名")”。2、用attr()将a标签指定属性的值设为空，语法“$("a").attr("要移除的属性名","")”。

本教程 *** 作环境：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>

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>

扩展知识：

<a> 标签定义超链接，用于从一个页面链接到另一个页面。

<a> 元素最重要的属性是 href 属性，它指定链接的目标。

<a> 标签可设置的属性

属性值描述charsetchar_encodingHTML 5 中不支持。coordscoordinatesHTML 5 中不支持。hrefURL链接的目标 URL。hreflanglanguage_code规定目标 URL 的基准语言。仅在 href 属性存在时使用。mediamedia query

规定目标 URL 的媒介类型。

默认值：all。仅在 href 属性存在时使用。

namesection_nameHTML 5 中不支持。rel