如何使用CSS选择器选择多个元素？

Question

我有一些HTML：

<div class="blah">
<div class="blah">

而且我想让所有的div与班级＆＃39; blah＆＃39;

var result = document.querySelector('.blah');

然而，结果只是第一个元素。

如何获取 所有 元素？

小提琴：

https://jsfiddle.net/pa5jpvsk/

Answer 1

这很难：querySelectorAll() http://www.w3schools.com/jsref/met_document_queryselectorall.asp

Answer 2

而是使用document.querySelectorAll返回一个列表。

https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll

Answer 3

您可以使用querySelectorALL

执行此操作

var result = document.querySelectorAll('.blah');
console.log(result.length)

<div class="blah">
<div class="blah">

结果显示在控制台中。

使用jQuery，您可以将其简化为：

$('.blah');