`querySelector` 是一个用于从文档中选择元素的 JavaScript 方法。它是 Web API 中的一部分，特别是在 DOM（文档对象模型）中广泛使用。此方法接受一个选择器字符串，返回匹配该选择器的第一个元素。如果没有找到匹配的元素，它将返回 `null`。
以下是 `querySelector` 的基本用法：
```javascript
var element = document.querySelector('#myId'); // 选择具有指定 ID 的元素
var elements = document.querySelector('.myClass'); // 选择具有指定类的所有元素（返回第一个）
var elementsWithTag = document.querySelector('div'); // 选择所有 div 元素（返回第一个）
```
还可以利用复杂的 CSS 选择器来定位元素，例如：
```javascript
var firstParagraph = document.querySelector('p:first-child'); // 选择文档中的第一个段落元素（即其父元素的第一个子元素）
var elementsWithinDiv = document.querySelector('#myDiv .myClass'); // 选择 ID 为 'myDiv' 的元素内部的具有 'myClass' 类的所有元素（返回第一个）
```
如果你想选择所有匹配的元素（而不仅仅是第一个），可以使用 `querySelectorAll` 方法，它会返回一个 NodeList，包含所有匹配的元素。例如：
```javascript
var allElementsWithClass = document.querySelectorAll('.myClass'); // 选择所有具有 'myClass' 类的元素（返回一个 NodeList）
```
总的来说，`querySelector` 和 `querySelectorAll` 是非常强大的工具，允许开发者通过 CSS 选择器语法来查找和操作 DOM 中的元素。