DOM 元素对象-queryselector和queryselectorAll

querySelector和querySelectorAll的参数须是符合 css selector 的字符串。
不同的是querySelector返回的是一个对象，querySelectorAll返回的一个集合(NodeList)。

querySelector()
返回匹配指定 CSS 选择器元素的第一个子元素
document.querySelectorAll()
返回匹配指定 CSS 选择器元素的所有子元素节点列表

1.获取页面I属性D为test的元素：

document.getElementById("test");
//or
document.querySelector("#test");
document.querySelectorAll("#test")[0];

2.获取页面class属性为”red”的元素:

document.getElementsByClassName('red')
//or
document.querySelector('.red')
//or
document.querySelectorAll('.red')

3.Element.querySelector和Element.querySelectorAll和jQuery(element).find(selector)选择器的区别：

设计蜂巢

111

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