---
# System prepended metadata

title: $(Selector) 選擇元素的基本語法
tags: [jQuery]

---

### jQuery 起手式，指定 DOM

- 唯有先透過指定 DOM，我們才能針對這些元素做後續的事件處理.

### 元素選擇器

```js
// 選擇所有的 <p> 元素 
$('p')
```

### 類別選擇器

```js
// 選擇所有的元素，class 為 "example" 的 <div> 元素
$('div.example')
// 選擇所有的 <a> 元素，且具有 "external" class
$('a.external')
```
### id 選擇器
```js
// 選擇 id 為 "myId" 的元素
$('#myId')
```
### 多元素選擇器
```js
// 同時選擇 <p>、<div> 和 <h1> 元素
$('p, div, h1')    
```
### 子元素選擇器
```js
// 選擇所有 <ul> 元素下的 <li> 子元素
$('ul li')   
```
### 屬性選擇器
```js
// 選擇所有 input 元素中 type 屬性為 "text" 的元素
$('input[type="text"]')    
```
### 通用選擇器
```js
$('*')    // 選擇所有元素
```
