jquery专栏 03.筛选器 01.基本筛选器

# 01.基本筛选器

[toc]{type: "ol", level: [3,4]}

### html结构
```html
<ul>
    <li>01</li>
    <li>02</li>
    <li class="c1">03</li>
    <li>04</li>
    <li id="d1">05</li>
    <li>06</li>
</ul>
```

### 常规获取
#### 获取全部元素
```js
$('ul li');
```

#### 获取第一个元素
```js
$('ul li:first');
```

#### 获取最后一个元素
```js
$('ul li:last');
```

#### 排除法获取元素
```js
$('ul li:not("#d1")');
```

#### 根据特征查找元素
> 内部含有某标签的标签
```js
$('div:has("p")');
```


### 索引索取
#### 根据索引获取元素
```js
$('ul li:eq(2)');
```

#### 获取索引大于n的所有元素
```js
$('ul li:gt(2)');
```

#### 获取索引小于n的所有元素
```js
$('ul li:lt(2)');
```

#### 获取索引为奇数的元素
```js
$('ul li:odd');
```

#### 获取索引是偶数的元素
```js
$('ul li:even');
```