jquery怎么去除a标签的属性

青灯夜游原创: 2022-05-17 18:41:242362浏览

两种方法：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>

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>

扩展知识：

3499910bf9dac5ae3c52d5ede7383485 标签定义超链接，用于从一个页面链接到另一个页面。

3499910bf9dac5ae3c52d5ede7383485 元素最重要的属性是 href 属性，它指定链接的目标。

3499910bf9dac5ae3c52d5ede7383485 标签可设置的属性

属性	值	描述
charset	char_encoding	HTML 5 中不支持。
coords	coordinates	HTML 5 中不支持。
href	URL	链接的目标 URL。
hreflang	language_code	规定目标 URL 的基准语言。仅在 href 属性存在时使用。
media	media query	规定目标 URL 的媒介类型。默认值：all。仅在 href 属性存在时使用。
name	section_name	HTML 5 中不支持。
rel	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 属性存在时使用。
rev	text	HTML 5 中不支持。
shape	default rect circle poly	HTML 5 中不支持。
target	_blank _parent _self _top	在何处打开目标 URL。仅在 href 属性存在时使用。
type	mime_type	规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。注：MIME = Multipurpose Internet Mail Extensions。

【推荐学习：jQuery视频教程、web前端视频】

以上是jquery怎么去除a标签的属性的详细内容。更多信息请关注PHP中文网其他相关文章！

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：jquery怎么去掉border样式下一篇：怎么使用jquery改变div高度

查看更多