jquery如何去除a标签的属性

2024-04-02 19:04:59 332人浏览八月长安

摘要

这篇“Jquery如何去除a标签的属性”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“jqu

这篇“Jquery如何去除a标签的属性”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“jquery如何去除a标签的属性”文章吧。

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

jquery如何去除a标签的属性

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery去除a标签指定属性的两种方法

1、使用removeAttr()

removeAttr() 方法从被选元素中移除指定属性。语法：

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

示例：去除a标签的target属性

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.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-1.10.2.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标签的属性

扩展知识：

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

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

<a> 标签可设置的属性

属性	值	描述
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。