首页 前端知识 JavaScript和jQuery的各标签选取方式?

JavaScript和jQuery的各标签选取方式?

2024-04-03 12:04:38 前端知识 前端哥 454 436 我要收藏

一、 原生JavaScript获取标签
DOM(document object model)文本对象模型 我们在用原生js获取标签都离不开DOM
用原生js获取标签的几种常用方法


1. 获取标签id
document.getElementById(‘id’) 参数是id的字符,返回值是这个元素的对象

2.获取标签的class

document.getElementByClassName(‘class’)
参数是class的字符,返回的是一个类数组

(类数组不是一个真的数组,但是他和数组一样,也满足数组里的属性,也需要索引[]去获取想要的标签)

3. 使用 document.querySelector 来获取标签

4.使用标签名来获取标签 document.getElementByTagName

找的相同标签时,用索引查找,返回值也是类数组

5.使用节点查找

DOM 有标签节点; 属性节点; 文本节点

注:在原生js获取元素中除了获取id,其它获取返回的大部分都是类数组,都可以使用索引来获取想要的标签
二、JQuery获取元素标签


jquery是一个javascript的函数库,它极大地优化了javascript编程
在使用jquery需要导入jquery

1.jquery通过ID $("#id") 获取标签

2.jquery通过Class $(".class")获取标签

 

3.jquery通过标签名$(" ")获取标签 ,返回的也是一个类数组,如果有相同标签需要有索引[ ]来查找 

 

4.通过变量来查找标签

 

 

 

 

 

 

转载请注明出处或者链接地址:https://www.qianduange.cn//article/4452.html
标签
评论
发布的文章

java解析超大json文件数据

2024-04-19 21:04:10

头歌-JavaScript基础

2024-04-19 21:04:54

C#Json序列化及反序列化

2024-04-19 21:04:40

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!