网站链接: 我爱捣鼓
当前位置: 首页 > 前端开发  > jQuery

jquery获得某个页面所有a链接的href属性值

2021/10/26 21:56:29

通过jquery获得某个页面所有a链接的href属性值需要用到jquery的attr() 方法,设置或返回被选元素的属性值。 我们来看看具体是如何实现的:<!DOCTYPE html><html><head><meta charset="utf-8"><title>jquery获得某个页面所…

        通过jquery获得某个页面所有a链接的href属性值需要用到jquery的attr() 方法,设置或返回被选元素的属性值。

        我们来看看具体是如何实现的:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jquery获得某个页面所有a链接的href属性值—www.woaidaogu.com</title>
<style>
img {
    width: 150px;
height:150px;
padding: 30px;
}
</style>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
//$('a') 获取了所有的a标签,然后循环获取
$('a').each(function(){
    var href = $(this).attr('href');
    console.log(href);
});
});
</script>
</head>
<body>
<h1>网站导航</h1>
<a href="http://www.woaidaogu.com/web_ui.html">前端开发</a>
<a href="http://www.woaidaogu.com/web_development.html">Web开发</a>
<a href="http://www.woaidaogu.com/db.html">数据库</a>
<a href="http://www.woaidaogu.com/mobile_development.html">移动开发</a>
<a href="http://www.woaidaogu.com/server.html">服务器</a>
</body>
</html>

image.png

        通过以上内容我们知道了jquery获得某个页面所有a链接的href属性值的方法,感谢您访问“我爱捣鼓(www.woaidaogu.com)”网站的内容,希望对大家有所帮助!引用本文内容时,请注明出处!谢谢合作!

相关资讯

    暂无相关的数据...