jQuery选择器总结

1.基础选择器

标签选择器

标签选择器是通过元素的标签名称来选择页面上的元素

//  标签选择器($('tag'))

//  ID 选择器($('#id ))

//  类选择器($(’.c1ass’))

//  属性选择器($([attribute]))

//  通用选择器($(’*'))

//  子元素选择器($('parent>child))

//  后代选择器($(’ancestor descendant'))

 // 兄弟元素选择器($(prev+next’)和$(prev~siblings'))

2.层次选择器

// 子元素选择器 (>): 选择直接子元素。

// 后代元素选择器 (空格): 选择某元素内的所有子元素（包括嵌套的）。

// 紧邻兄弟元素选择器 (+): 选择某元素后紧跟的第一个兄弟元素。

// 所有兄弟元素选择器 (~): 选择某元素后面的所有兄弟元素。

// 父元素选择器 (parent()): 选择元素的直接父元素。

// 祖先元素选择器 (parents() / closest()): 选择元素的所有祖先元素或最近的祖先元素。

3.过滤选择器

// first: 选择第一个元素。

// last: 选择最后一个元素。

// eq(index): 选择指定索引的元素。

// even / :odd: 选择索引为偶数或奇数的元素。

// not(selector): 排除不符合条件的元素。

// contains(text): 选择包含指定文本内容的元素。

// has(selector): 选择包含指定子元素的父元素。

// visible / :hidden: 选择可见或不可见的元素。

// checked: 选择被选中的表单元素。

4.表单选择器

// input：选择所有表单输入控件。

// text、:password、:radio、:checkbox：分别选择特定类型的表单元素。

// selected、:checked：选择已选中的元素（例如复选框、单选框、选项）。

// disabled、:enabled：选择禁用或启用的元素。

// focus：选择获得焦点的表单元素。

// required、:optional：选择具有 required 属性或没有 required 属性的元素。

// file：选择文件上传控件。