jquery给单选按钮赋值_jQuery选择器

| **选择器** | **描述** | **返回值** | **示例** |

| :---: | :---: | :---: | :---: |

| $("element") | 根据给定的元素名匹配元素 | 多个元素 | $("p")选取文档中所有的<p>元素 |

| $("#id") | 根据给定的id匹配一个元素 | 单个元素 | $("#test")选取文档中id为test的元素 |

| $(".class") | 根据给定的类名匹配元素 | 多个元素 | $(".test")选取文档中class为test的所有元素 |

| $("*") | 匹配所有元素 | 多个元素 | #("*")选取文档中的所有元素 |

-----------------------------------------------------------------------------分割线胸来勒

## 2.关系选择器

如果想通过DOM元素之间的层次关系来获取特定的元素，那么关系选择器将会是一个非常好的选择。

关系选择器的介绍说明：

| **选择器** | **描述** | **返回值** | **示例** |

| :---: | :---: | :---: | :---: |

| $("element.className")或$("element#idName") | 将匹配到class为className的element元素合并后一起返回 | 多个元素 | $("div.test")选取文档中<div>标签中class为test的所有元素 |

| $("selector1, selector2, ... , selectorN") | 将每一个选择器匹配到的元素合并后一起返回 | 多个元素 | $("div, span")选取文档中所有<div>和<span>标签的元素 |

| $("ancestor descendant") | 选取ancestor元素里的所有descendant(后代)元素 | 多个元素 | $("div span")选取<div>元素中的所有<span>后代子元素 |

| $("parent > child") | 选取parent元素下的child（亲儿子）元素 | 多个元素 | $("div > span")选取<div>元素中的所有<span>亲儿子元素 |

-----------------------------------------------------------------------------## 3.过滤选择器

过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM元素，过滤规则与CSS中的伪类选择器语法相同，即选择器都以一个冒号(:)开头。

| **选择器** | **描述** | **返回值** | **示例** |

| :---: | :---: | :---: | :---: |

| :first | 选取第一个元素 | 单个元素 | $("div:first")选取所有<div>元素中的第一个<div>元素 |

| :last | 选取最后一个元素 | 单个元素 | $("div:last")选取所有<div>元素中的最后一个<div>元素 |

| :not(selector) | 去除所有与给定选择器匹配的元素 | 多个元素 | $("input:not([type='file'])")选取type值不是“file”的所有<input>元素 |

| :even | 选取索引是偶数的所有元素，索引从0开始 | 多个元素 | $("li:even")选取索引是偶数的<li>元素 |

| :odd | 选取索引是奇数的所有元素，索引从0开始 | 多个元素 | $("li:odd")选取索引是奇数的<li>元素 |

| :eq(index) | 选取索引等于index的元素，索引从0开始 | 单个元素 | $("li:eq(1)")选取索引等于1的<li>元素 |

-----------------------------------------------------------------------------------------

## 4.属性选择器

属性选择器是通过元素的属性来获取相应的元素，选中规则和CSS中选中的规则基本保持一致，严格意义上来讲属性选择器属于过滤选择器中的一种。

| **选择器** | **描述** | **返回值** | **实例** |

| :---: | :---: | :---: | :---: |

| [attribute] | 选取拥有此属性的元素 | 多个元素 | $("div[id]")选取拥有id属性的<div>元素 |

| [attribute=value] | 选取属性的值为value的元素 | 多个元素 | $("div[title='test']")选取属性title值为“test”的<div>元素 |

| [attribute!=value] | 选取属性的值不等于value的元素 | 多个元素 | $("div[title!='test']")选取属性title不等于“test”的<div>元素（注意：没有title属性的div元素也会被选中） |

| [attribute*=value] | 选取属性值包含有value的元素 | 多个元素 | $("a[href='.com']")选取属性href的值包含“.com”的a元素 |

| [selector1][selector2] | 用属性选择器合并成一个符合属性选择器，满足多个条件。每选择一次，缩小一次范围 | 多个元素 | $("div[id][title='test']")选取拥有属性id，并且title属性值为“test”的<div>元素 |

---------------------------------------------------------------------------------------

## 5.表单对象选择器

为了使用户更加灵活的操作表单，jQuery中专门加入了跟表单先关的选择器，利用这个选择器，能极其方便的获取到表单的某个或某类型的元素。

| **选择器** | **描述** | **返回值** | **示例** |

| :---: | :---: | :---: | :---: |

| :input | 选取所有的<input>、<textarea>、<select>和<button>元素 | 多个元素 | $(":input")选取所有<input>、<textarea>、<select>和<button>元素 |

| :text | 获取所有的单行文本框 | 多个元素 | $(":text")选取所有的单行文本框 |

| :password | 获取所有的密码框 | 多个元素 | $(":password")选取所有的密码框 |

| :radio | 获取所有的单选框 | 多个元素 | $(":radio")选取所有的单选框 |

| :checkbox | 获取所有的多选框 | 多个元素 | $(":checkbox")选取所有的复选框 |

| :submit | 获取所有的提交按钮 | 多个元素 | $(":submit")选取所有的提交按钮 |

| :reset | 获取所有的重置按钮 | 多个元素 | $(":reset")选取所有的重置按钮 |

| :file | 获取所有的文件上传域 | 多个元素 | $(":file")选取所有的文件上传域 |

| :checked | 选取所有被选中的元素（单选框和复选框） | 多个元素 | $("input:checked")选取左右被选中的<input>元素 |

| :selected | 选取所有被选中的<option>选项元素(下拉列表) | 多个元素 | $(":selected")选取所有被选中的选项元素 |