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

js选择器有哪些

发布日期:2019-05-06

js选择器有哪些?

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

[ID选择器]

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

比如:

<button id="btn">百读易莱胜前端</button>

然后通过js来选中:

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

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

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


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

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

[万能选择器]

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

<button id="btn">百读易莱胜前端</button>
<button class="btn2">百读易莱胜前端</button>
<a href="">百读易莱胜前端</a>
<div class="box">
    <a href="">百读易莱胜前端</a>
    <a href="">百读易莱胜前端</a>
    <a  href="">百读易莱胜前端</a>
</div>

然后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



下一篇:没有了

+相关文章推荐+