关于jQuery 选择器

在jQuery中，选择器是一种用于选择DOM元素的强大方式。以下是一些常用的选择器示例：

1. 基本选择器：

$('#elementId') // 选择ID为elementId的元素
$('.className') // 选择class为className的所有元素
$('p') // 选择所有的p元素
$('div.myClass') // 选择class包含myClass的所有div元素

2. 层级选择器：

$('form input') // 选择form下的所有input元素
$('#menu > li') // 选择ID为menu的直接子元素li
$('div + p') // 选择所有紧跟在div后面的p元素
$('div ~ p') // 选择所有在div之后的所有p兄弟元素

3. 过滤选择器：

$('tr:first') // 选择所有tr的第一个
$('tr:last') // 选择所有tr的最后一个
$('input:not(.myClass)') // 选择class不是myClass的input元素
$('tr:even') // 选择所有tr的偶数行
$('tr:odd') // 选择所有tr的奇数行
$('td:eq(2)') // 选择所有td中的第3个（索引从0开始）
$('td:gt(2)') // 选择所有td中的大于2的（索引从0开始）
$('td:lt(2)') // 选择所有td中的小于2的（索引从0开始）

4. 属性选择器：

$('div[title]') // 选择所有有title属性的div
$('div[title="test"]') // 选择所有title属性等于"test"的div
$('div[title!="test"]') // 选择所有title属性不等于"test"的div
$('div[title^="test"]') // 选择所有title属性以"test"开头的div
$('div[title$="test"]') // 选择所有title属性以"test"结尾的div
$('div[title*="test"]') // 选择所有title属性包含"test"的div
$('div[title][data-custom="test"]') // 选择所有有title属性且data-custom属性等于"test"的div

5. 表单选择器：

$(':input') // 选择所有input, textarea, select 和 button元素
$(':text') // 选择所有文本框
$(':password') // 选择所有密码框
$(':radio') // 选择所有单选按钮
$(':checkbox') // 选择所有复选框
$(':submit') // 选择所有提交按钮
$(':reset') // 选择所有重置按钮

6. jQuery扩展选择器：

$('a:contains(test)') // 选择所有包含文本"test"的a元素
$('td:has(span)') // 选择所有包含span元素的td元素

这些选择器可以结合使用，以提供灵活的DOM操作方法。记住，选择器是从右到左执行的，所以从右边的选择器开始匹配，然后向左进行。