当前位置:  主页 > web前端技术文章 > javascript > js选择器有哪些

js选择器有哪些

发布日期:2019-12-03

js选择器有哪些?

[js选择器的种类及用法]

[ID选择器]

通过在标签上设置ID的属性,然后在js中通过ID来选择标签

比如:

百读易莱胜前端

然后通过js来选中:

var btn=document.getElementById("btn");

解释:document表示页面,get标签获取,Element表示标签, By通过

整个意思表示 从页面获取文档通过获取ID来实现


使用这种选择器的优点是:兼容性好,任何浏览器的都支持

使用这种选择器的缺点是 :  功能单一,写法麻烦

[万能选择器]

这种选择器和css中的写法类似

百读易莱胜前端百读易莱胜前端百读易莱胜前端    百读易莱胜前端    百读易莱胜前端    百读易莱胜前端

然后js中可以这么写

//1.选择ID
var btn=document.querySelector("#btn");
//2.选择class
var btn2=document.querySelector(".btn2");
//3.选择标签名称
var a=document.querySelector("a");
//4.选择多个标签要加all
var as=document.querySelectorAll(".box a")

解释:querySelector表示选择器的意思

使用这种选择器的优点是:功能强大,主流浏览器支持

使用这种选择器的缺点是:只支持IE8+,IE8以下的浏览器不支持


[另一波选择器]

bqhq7.png



+相关文章推荐+