«

jquery如何去除a标签的属性

时间:2024-3-28 09:41     作者:韩俊     分类: Javascript


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

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

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="https://www.maopiaopiao.com">

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="https://www.maopiaopiao.com">

扩展知识:

<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。

标签: javascript

热门推荐