• 技术文章 >web前端 >前端问答

    jquery怎么让a元素的href失效

    长期闲置长期闲置2022-05-30 11:00:35原创314

    方法:1、用removeAttr方法将a元素的href属性移除,语法为“$("a").removeAttr("href")”;2、用attr方法将a元素的href属性设置为空,语法为“$("a").attr("href"," ")”。

    本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

    jquery怎么让a元素的href失效

    1、利用removeAttr方法

    removeAttr() 方法从被选元素移除一个或多个属性。

    $("a").removeAttr("href");

    示例如下:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>123</title>
    <script src="js/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){
    $("button").click(function(){
    $("a").removeAttr("href");
    });
    });
    </script>
    </head>
    <body>
    <a href="http://www.php.cn">PHP中文网</a>
    <button>为a标签设置href属性</button>
    </body>
    </html>

    输出结果:

    +1.gif

    2、利用attr方法

    attr() 方法设置或返回被选元素的属性和值。

    当该方法用于返回属性值,则返回第一个匹配元素的值。

    当该方法用于设置属性值,则为匹配元素设置一个或多个属性/值对。

    $("a").attr("href"," ");

    示例如下:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>123</title>
    <script src="js/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){
    $("button").click(function(){
    $("a").attr("href"," ");
    });
    });
    </script>
    </head>
    <body>
    <a href="http://www.php.cn">PHP中文网</a>
    <button>为a标签设置href属性</button>
    </body>
    </html>

    输出结果:

    08.png

    点击按钮后再次点击a标签结果为:

    09.png

    相关视频教程推荐:jQuery视频教程

    以上就是jquery怎么让a元素的href失效的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:jquery和swiper有什么区别 下一篇:jquery怎么将数组反转
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• jquery怎么隐藏第一个a标签• jquery怎么清除同级非选中的元素• jquery怎么设置元素的位置• jquery怎么删除除表头外的其他行• jquery怎么根据id移除元素
    1/1

    PHP中文网