强大的js原生选择器 document.querySelector()
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了强大的js原生选择器 document.querySelector()相关的知识，希望对你有一定的参考价值。
参考技术A 一般常用的原生选择器有：
id选择器:document.getElementById("test");
name选择器:document.getElementsByName("test");
节点选择器:document.getElementsByTagName("p");
class选择器:document.getElementsByClassName("test");
这次要详细说的是 document.querySelector() ， 开挂般的存在， jQuery的完美替代版本。
接收一个字符串参数， 返回返文档中与指定选择器或选择器组匹配的第一个 HTMLElement 对象。 如果找不到匹配项，则返回 null 。
3.返回带有foo或者bar样式类的首个元素
4.返回id为‘my-element’的 p 元素
6.其他选择方式可自行排列组合
document.querySelector() 的用法虽然与jQuery里的$()选择器类似,但有些细微区别:
以上是关于强大的js原生选择器 document.querySelector()的主要内容，如果未能解决你的问题，请参考以下文章
前端强大的javascript原生选择器querySelector 和 querySelectorAll