jQuery API ( 二 ) -------- 筛选方法 与 排他思想，前端高分面试指南

在前端开发中，我们经常需要使用jQuery来筛选DOM元素。jQuery提供了多种筛选方法，这些方法可以帮助我们快速准确地选中我们需要的元素。

1. 子元素筛选：

// 选择所有<p>元素，在其父元素中作为第一个子元素
$('div > p:first-child')

2. 同胞元素筛选：

// 选择所有<p>元素，在其父元素中作为最后一个子元素
$('div > p:last-child')
 
// 选择所有<p>元素，在其父元素中作为第二个子元素
$('div > p:nth-child(2)')

3. 属性筛选：

// 选择所有具有title属性的<a>元素
$('a[title]')
 
// 选择所有title属性值为"test"的<a>元素
$('a[title="test"]')

4. 表单元素筛选：

// 选择所有选中的表单元素
$('input:checked')

5. 可见性筛选：

// 选择所有不可见的元素
$('a:hidden')

6. 内容筛选：

// 选择包含文本"test"的所有<p>元素
$('p:contains("test")')

7. 内容筛选：

// 选择所有<p>元素，它们直接包含文本"test"
$('p:contains("test")')

8. 表单元素筛选：

// 选择所有不可用的表单元素
$('input:disabled')

以上示例展示了如何使用jQuery的筛选方法来选择特定的DOM元素。筛选方法提供了一种强大而灵活的方式来定位和操作DOM元素，是前端开发中不可或缺的一部分。