基本选择器 根据id获取元素 $("#id") 根据标签名获取元素 $("标签名") 根据class属性值获取元素 $(".class属性值") 获取所有元素 $("*") 多条件选择 $("标签名,#id") 层次选择器 获取后代元素 $("body p") 获取子元素 $("body>p") 从h3元素后面第一个兄弟元素选取p $("h3+p") 从h3元素后面所有兄弟元素选取p $("h3~p") 从h3元素所有兄弟元素选取p $("h3").siblings("p") 过滤选择器 基本过滤选择器 选取第一个元素 $("p:first") 选取最后一个元素 $("p:last") 选取索引值是偶数的元素 $("p:even") 选取索引值是奇数的元素 $("p:odd") 选取索引值等于index的元素 $("p:eq(index)") 选取索引值大于index的元素 $("p:gt("index")") 选取索引值小于index的元素 $("p:lt("index")") 选取匹配除selector以外的元素 $("p:not(selector)") 选取所有标题元素 $(":header") 选取所有正在执行动画的元素 $(":animzted") 内容过滤选择器 选取含有文本内容为text的元素 $("div:contains('text')") 选择不包含后代元素和文本的空元素 $("div:empty") 选择含有后代元素和文本的元素 $("div:parent") 选取含有后代元素为selector的元素 $("div:has(selector)") 可见性过滤选择器 选取不可见元素 $("p:hidden") 选取可见元素 $("div:visible") 属性过滤选择器 选择使用attr属性的元素 $("div[attr]") 选取attr属性值为value的元素 $("div[attr=value]") 选取attr属性值不为value的元素 $("div[attr!=value]") 选取attr属性值以value 开头的元素 $("div[attr^=value]") 选取attr属性值以value 结尾的元素 $("div[attr$=value]") 选取attr属性含有value的元素 $("div[attr*=value]") 多条件属性选择器 $("div[attr1=value] [attr2]") 子元素过滤选择器 选取第一个子元素 $("p:first-child") 选取最后一个子元素 $("p:last-child") 选取唯一的子元素 $("p:only-child") 选取索引值是奇数的子元素 $("p:nth-child(odd)") 选取索引值是偶是的子元素 $("p:nth-child(even)") 选取索引时等于index的子元素 $("p:nth-child(index)") 选取索引值符合equation 的子元素 $("p:nth-child(equation)") 表单对象属性过滤选择器 选取可用的表单元素 $("input:enavled") 选取不可用的表单元素 $("input:disavled") 选取被选中的<input>元素 $("input[type=checkbox]:checked") 选取被选中的<option>元素 $("selelct option:selected") 基本选择器 根据id获取元素 $("#id") 根据标签名获取元素 $("标签名") 根据class属性值获取元素 $(".class属性值") 获取所有元素 $("*") 多条件选择 $("标签名,#id") 层次选择器 获取后代元素 $("body p") 获取子元素 $("body>p") 从h3元素后面第一个兄弟元素选取p $("h3+p") 从h3元素后面所有兄弟元素选取p $("h3~p") 从h3元素所有兄弟元素选取p $("h3").siblings("p") 过滤选择器 基本过滤选择器 选取第一个元素 $("p:first") 选取最后一个元素 $("p:last") 选取索引值是偶数的元素 $("p:even") 选取索引值是奇数的元素 $("p:odd") 选取索引值等于index的元素 $("p:eq(index)") 选取索引值大于index的元素 $("p:gt("index")") 选取索引值小于index的元素 $("p:lt("index")") 选取匹配除selector以外的元素 $("p:not(selector)") 选取所有标题元素 $(":header") 选取所有正在执行动画的元素 $(":animzted") 内容过滤选择器 选取含有文本内容为text的元素 $("div:contains('text')") 选择不包含后代元素和文本的空元素 $("div:empty") 选择含有后代元素和文本的元素 $("div:parent") 选取含有后代元素为selector的元素 $("div:has(selector)") 可见性过滤选择器 选取不可见元素 $("p:hidden") 选取可见元素 $("div:visible") 属性过滤选择器 选择使用attr属性的元素 $("div[attr]") 选取attr属性值为value的元素 $("div[attr=value]") 选取attr属性值不为value的元素 $("div[attr!=value]") 选取attr属性值以value 开头的元素 $("div[attr^=value]") 选取attr属性值以value 结尾的元素 $("div[attr$=value]") 选取attr属性含有value的元素 $("div[attr*=value]") 多条件属性选择器 $("div[attr1=value] [attr2]") 子元素过滤选择器 选取第一个子元素 $("p:first-child") 选取最后一个子元素 $("p:last-child") 选取唯一的子元素 $("p:only-child") 选取索引值是奇数的子元素 $("p:nth-child(odd)") 选取索引值是偶是的子元素 $("p:nth-child(even)") 选取索引时等于index的子元素 $("p:nth-child(index)") 选取索引值符合equation 的子元素 $("p:nth-child(equation)") 表单对象属性过滤选择器 选取可用的表单元素 $("input:enavled") 选取不可用的表单元素 $("input:disavled") 选取被选中的<input>元素 $("input[type=checkbox]:checked") 选取被选中的<option>元素 $("selelct option:selected")