Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >jQuery和js获取页面中所有a链接的href值

jQuery和js获取页面中所有a链接的href值

作者头像
德顺
发布于 2019-11-13 02:23:37
发布于 2019-11-13 02:23:37
15.2K00
代码可运行
举报
文章被收录于专栏:前端资源前端资源
运行总次数:0
代码可运行
利用JavaScript和jQuery获取页面中的a链接:

jQuery方法:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
//$('a') 获取了所有的a标签,然后循环获取
$('a').each(function(){
    var href = $(this).attr('href');
    console.log(href);
});

JavaScript方法:

可以封装成一个函数

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function getHref(){
    var hrefArr = document.getElementsByTagName('a'); //获取这个页面的所有A标签
    for( var i=0; i<hrefArr.length; i++ ){
        hrefURL = hrefArr[i].href;
        console.log(hrefURL);
    }
}

在合适的地方调用:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
getHref()
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
基于PhantomJS的动态爬虫引擎
之前学习爬虫的时候一直了解、学习的是基于PhantomJS的,虽然Chrome的headless更加优秀、比PhantomJS更快、占用内存更少,而且还有个强大的爸爸。但是也不能把之前的学的给荒废了,先实践下再说,况且这种东西大部分应该是都是互通的。
瓦都剋
2020/08/07
1.8K0
基于PhantomJS的动态爬虫引擎
百度编辑器 UEditor 用 highlight.js 库实现代码高亮
首先到官网去下载这个插件:https://highlightjs.org/download/
Savalone
2020/02/11
2.1K0
百度编辑器 UEditor 用 highlight.js 库实现代码高亮
WEB开发面面谈之(5)——写JS时必须注意的的一些问题
问题:逻辑复杂,事件绑定逻辑混乱,在某些浏览器上onload和onreadystatechange都会触发,需要另外加标记位判断,逻辑复杂。
张炳
2019/08/05
1.8K0
上天的Node.js之爬虫篇 15行代码爬取京东淘宝资源 【深入浅出】
中的所有<a> 标签对应的跳转网页中的所有 title的文字内容,最后放到一个数组中。
Peter谭金杰
2019/08/02
2.2K0
day01jQuery节点操作
在JavaScript的使用过程中,存在很多问题,例如:兼容问题(咱不考虑),元素获取方式单一(只能用基本的选择器)等等,因此就出现了很多第三方的封装库(将复杂的、麻烦的功能进行封装,提供给用户一种简单的、可直接调用的形式进行使用),在众多的第三方库中脱颖而出的就是jQuery。
张哥编程
2024/12/13
1020
day01jQuery节点操作
01-老马jQuery教程-jQuery入口函数及选择器
前言 这套jQuery教程是老马专门为寒门子弟而录制,希望大家看到后能转发给更多的寒门子弟。视频都是免费,请参考课程地址:https://chuanke.baidu.com/s5508922.html
老马
2017/12/20
2.5K0
jQuery基础--基本概念
js库:把一些常用到的方法写到一个单独的js文件,使用的时候直接去引用这js文件就可以了。(animate.js、common.js)
eadela
2019/09/29
8780
JS起步阶段随笔【JavaScript】
只能放到标签里用,this 要时刻紧靠着它自己的环境,在函数内部可以用this,在标签内可以用,拿出去以后,就达不到想要的效果了,因为它所属的环境变了。
来杯Sherry
2023/05/25
5690
三、jQuery属性操作
2、如何操作属性 对象.属性名称 = 值 对象.属性名称 对象[‘属性名称’] = 值 对象[‘属性名称’] Javascript
Dreamy.TZK
2020/06/16
3.9K0
三、jQuery属性操作
前端入门6-JavaScript客户端api&jQuery
作为一个前端小白,入门跟着这四个来源学习,感谢作者的分享,在其基础上,通过自己的理解,梳理出的知识点,或许有遗漏,或许有些理解是错误的,如有发现,欢迎指点下。
请叫我大苏
2018/12/05
6.2K0
前端入门6-JavaScript客户端api&jQuery
jQuery基础
使用jQuery时, $ 是访问jQuery的标志,但是如果有其他方法与jQuery中的 $冲突时,可以释放$的使用权 ,还可以自定义一个符号来代替 $使用。
不愿意做鱼的小鲸鱼
2022/08/24
1.8K0
jQuery基础
DOM「建议收藏」
当创建了一个网页并把它加载到web浏览器中时,DOM就悄然而生。浏览器根据网页文档创建一个文档对象。
全栈程序员站长
2022/09/21
1K0
DOM「建议收藏」
Web开发tutorial
HTML语句由标签组成,基本格式为<标签名 属性attribute=值value> 显示的字</标签名>
孔西皮
2021/03/04
8650
Web开发tutorial
JS常用代码块
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
奋飛
2019/08/15
3.4K0
【Web APIs】DOM 文档对象模型 ② ( 根据标签名获取 DOM 元素 - getElementsByTagName 函数 | 获取指定标签下的 DOM 元素 )
调用 Document.getElementsByTagName 函数 或 Element.getElementsByTagName 函数 , 可以获取 指定标签名称 的 若干 Element 对象集合 ;
韩曙亮
2024/06/19
2840
【Web APIs】DOM 文档对象模型 ② ( 根据标签名获取 DOM 元素 - getElementsByTagName 函数 | 获取指定标签下的 DOM 元素 )
分享 49 个常用的 JS 方法,赶紧收藏吧
英文 | https://medium.com/@cookbug/49-commonly-used-front-end-javascript-method-packaging-f9be18947086
前端达人
2021/12/29
4940
Web前端JQuery入门实战案例
快速的,轻量级的,功能丰富的 js 库。动画(animation),ajax,DOM,更简单,容易使用的api。
达达前端
2019/07/03
4K0
Python 之Web编程
  - 由一对尖括号包裹的单词构成,如<html> 所有标签中的单词不可能从数据开头
py3study
2020/02/10
2.5K0
框架设计(一)
==getTag方法(选取dom元素)和each方法(for循环的封装)== 1.通过标签名获取dom元素 <!--调用getTag(tag,results)方法--> <!--1.tag是一个标签名;--> <!--2.results是一个容器,储存元素,传参时代表一个dom元素伪数组,不传就是默认为空--> <!--注:此方法只适合标签--> //----------------------------------------- function getTag(tag,results){
天天_哥
2018/09/29
1.1K0
前端开发者都应知道的 jQuery 小技巧
Matt Smith 发起的一个小项目,目前已有 15 个 小技巧。伯乐在线会持续跟进更新。
李维亮
2021/07/09
2.6K0
相关推荐
基于PhantomJS的动态爬虫引擎
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验