• 技术文章 >web前端 >js教程

    jquery怎么改变href的值

    青灯夜游青灯夜游2021-11-22 18:42:07原创57

    在jquery中,可利用attr()方法来改变href属性的值,该方法可设置被选元素的属性值,语法“$(selector).attr("href","新url");”或“$(selector).attr({"href":"新url"})”。

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

    在HTML中,标签的href属性用于指定URL地址。

    因为href是一个属性,在jquery中可以利用属性操作方法attr()来改变href的值。

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

    语法:

    $(selector).attr(attribute,value)
    $(selector).attr({attribute:value,....})

    示例:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){
    	$("button").click(function(){
    		$("a").attr({"href":"https://www.php.cn/"});
    		$("link").attr("href","style.css");
    	});
    });
    </script>
    </head>
    <body>
    
    <a href="#">超链接文本</a><br>
    <link rel="stylesheet" type="text/css" href="#" />
    <br>
    <button>修改href属性</button>
    
    </body>
    </html>

    1.gif

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

    以上就是jquery怎么改变href的值的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:jquery href
    上一篇:jquery怎样移除数组中的一个元素 下一篇:深入了解Node.js中的VM模块
    VIP会员

    相关文章推荐

    • jquery怎么删除指定元素后的兄弟节点• jquery怎样实现点击删除元素• jquery有哪两种导入方法• 怎样使用jquery实现拖拉效果• jquery怎样判断点击了第几个元素

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网