jquery常用的选择器
jQuery常用选择器分类
基本选择器
$("*")：选择所有元素$("#id")：通过ID选择元素（如$("#header")）$(".class")：通过类名选择元素（如$(".btn")）$("element")：通过标签名选择元素（如$("div")）$("selector1, selector2")：多条件组合选择（如$("h1, p")）
层级选择器
$("parent > child")：直接子元素（如$("ul > li")）$("ancestor descendant")：后代元素（如$("div span")）$("prev + next")：相邻的下一个兄弟元素（如$("h2 + p")）$("prev ~ siblings")：之后的所有兄弟元素（如$("h2 ~ p")）
过滤选择器
$(":first")/$(":last")：选择第一个或最后一个匹配元素$(":even")/$(":odd")：选择偶数或奇数索引元素$(":eq(index)")：选择指定索引元素（如$("li:eq(2)")）$(":gt(index)")/$(":lt(index)")：选择大于或小于索引的元素$(":not(selector)")：排除匹配元素（如$("div:not(.hide)")）
内容过滤选择器
$(":contains(text)")：包含指定文本的元素（如$("p:contains('Hello')")）$(":empty")：选择空元素（无子节点或文本）$(":has(selector)")：包含特定子元素的元素（如$("div:has(p)")）$(":parent")：选择含有子节点或文本的元素
属性选择器
$("[attr]")：拥有指定属性的元素（如$("[href]")）$("[attr='value']")：属性值等于指定值的元素（如$("[type='text']")）$("[attr!='value']")：属性值不等于指定值的元素$("[attr^='value']")：属性值以指定字符串开头$("[attr$='value']")：属性值以指定字符串结尾$("[attr*='value']")：属性值包含指定字符串
表单选择器
$(":input")：选择所有表单元素（input、select、textarea等）$(":text")/$(":password")：选择文本输入框或密码框$(":radio")/$(":checkbox")：选择单选或复选框$(":submit")/$(":button")：选择提交按钮或普通按钮$(":checked")：选择被选中的复选框或单选按钮$(":selected")：选择被选中的下拉选项（option）
其他实用选择器
$(":visible")/$(":hidden")：选择可见或隐藏元素$(":animated")：选择当前正在动画效果中的元素$(":focus")：选择当前获得焦点的元素
示例代码片段
// 选择类名为active的div元素
$("div.active").css("color", "red");
// 选择所有type为checkbox且被选中的元素
$(":checkbox:checked").each(function() {
console.log($(this).val());
});
// 选择表格中奇数行
$("tr:odd").addClass("highlight");
