jQuery过滤选择器实例
时间: 2023-07-13 10:35:20 浏览: 72
好的,下面是一个 jQuery 过滤选择器的示例:
假设有一段 HTML 代码如下:
```html
<ul>
<li class="item">Item 1</li>
<li class="item">Item 2</li>
<li class="item">Item 3</li>
<li class="item special">Special Item</li>
</ul>
```
我们可以使用 jQuery 的过滤选择器来选择特定的元素。例如:
1. 选择所有的 `<li>` 元素:
```js
$('li');
```
2. 选择 class 为 `item` 的 `<li>` 元素:
```js
$('li.item');
```
3. 选择 class 为 `special` 的 `<li>` 元素:
```js
$('li.special');
```
4. 选择第一个 `<li>` 元素:
```js
$('li:first');
```
5. 选择最后一个 `<li>` 元素:
```js
$('li:last');
```
6. 选择第二个 `<li>` 元素:
```js
$('li:eq(1)');
```
7. 选择包含文本 `Item 1` 的 `<li>` 元素:
```js
$('li:contains("Item 1")');
```
8. 选择所有偶数位置的 `<li>` 元素:
```js
$('li:even');
```
9. 选择所有奇数位置的 `<li>` 元素:
```js
$('li:odd');
```
以上就是一些 jQuery 过滤选择器的例子。