美文网首页
querySelector

querySelector

作者: 而生lhw | 来源:发表于2017-07-06 10:04 被阅读5次

querySelector and querySelectorAll

querySelector:返回的是一个对象
querySelectorAll():返回的一个集合

获取页面id属性为"test"的元素:
document.getElementById("test");
document.querySelector("#test");
document.querySelectorAll("#test")[0];

获取页面class属性为"red"的元素:
document.getElementsByClassName("red");
document.querySelector(".red");
document.querySelectorAll(".red");

all你获取的是dom 数组,而不是dom 对象 ,只有dom 对象才能添加点击事件 。所以要加一个循环遍历数组 ,给每个dom 添加事件

querySelectorAll 在文档内找全部符合选择器描述的节点包括Element本身
jQuery(element).find(selector)在文档内找全部符合选择器描述的节点不包括Element本身

注:参考大神资料,个人笔记记录

相关文章

网友评论

      本文标题:querySelector

      本文链接:https://www.haomeiwen.com/subject/rojjcxtx.html