jquery如何获取a标签中href的值

这篇文章主要介绍了jquery如何获取a标签中href的值，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

创新互联建站-专业网站定制、快速模板网站建设、高性价比拜泉网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式拜泉网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖拜泉地区。费用合理售后完善，十多年实体公司更值得信赖。

jquery获取a标签中href的值的方法：首先在js标签中创建一个函数；然后在该函数内通过id获取a标签对象，并使用attr方法获取href属性的值；最后将获得的值使用alert方法输出即可。

具体步骤如下：

新建一个html文件，命名为test.html，用于讲解jquery怎么获取a标签的href值。

在test.html文件内，使用a标签创建一个链接，并设置其href属性为"这是链接地址"。

在test.html文件内，设置a标签的id为myid，主要用于下面通过该id获得a标签对象。

在test.html文件内，使用button标签创建一个按钮，按钮名称为“获取a标签的href值”。

在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行myfun（）函数。

在js标签中，创建myfun()函数，在函数内，通过id(myid)获得a标签对象，使用attr()方法获得href属性的值，将获得的值使用alert()方法输出。

在浏览器打开test.html文件，点击按钮，查看结果。

感谢你能够认真阅读完这篇文章，希望小编分享jquery如何获取a标签中href的值内容对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，遇到问题就找创新互联，详细的解决方法等着你来学习!

名称栏目：jquery如何获取a标签中href的值
文章地址：https://www.cdcxhl.com/article30/iiohso.html

成都网站建设公司_创新互联，为您提供品牌网站制作、外贸网站建设、微信小程序、营销型网站建设、网站策划、商城网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联