jQuery选择器

什么是jQuery选择器？

jQuery选择器类似于CSS选择（定位元素，施加样式），能够实现定位元素，施加行为。

使用jQuery选择器可以将内容和行为分开

jQuery选择器大致分为4类，如下图：

基本选择器：

元素选择器：根据标签名定位元素； eg:   $("标签名")

类选择器：根据class属性定位元素； eg:   $(".class属性")

id选择器：根据id属性定位元素；eg：  $("#id")

选择器组：定位一组选择器所对应的所有元素； eg： $("#id,.important")

层次选择器：

在select1元素下，选中所有满足select2的子孙元素：$("select1 select2");

在select1元素下，选中所有满足select2的子元素：$("select1>select2");

在select1元素下，选中所有满足select2的下一个弟弟：$("select1+select2");

在select1元素下，选中所有满足select2的所有弟弟：$("select1~select2");

过滤选择器（重要：因为熟了用起来会很方便，其实就是封装的方法，直接调用）：

表达式：$("标签名或者ID：方法")；

基本过滤选择器（很重要）：根据元素的基本特征定位元素，常用于表格和列表

常用api如下：

:first：第一个元素；

:last：最后一个元素；

:not(selector)：把selector排除在外

:even：挑选偶数行

:odd：挑选奇数行

:eq(index)：下标等于index的元素

:gt(index)：下标大于index的元素

:lt(index)：下标小于index的元素

eg:$("li:first");

内容过滤选择器：根据文本内容定位元素

:contains(text)：匹配包含给定文本的元素

:empty：匹配所有不包含子元素或文本的空元素

可见性过滤选择器：根据可见性定位元素

:hidden：匹配所有不可见元素，或type为hidden的元素

:visible：匹配所有的可见元素

属性过滤选择器：根据属性定位元素

[attribute]：匹配具有attribute属性的元素

[attribute = value]：匹配属性等于value的元素

[attribute != value]：匹配属性不等于value的元素

状态过滤选择器（重要）：根据状态定位元素

:enabled：匹配可用的元素

:diaabled：匹配不可用的元素

:checked：匹配选中的checkbox

:selected：匹配选中的option

$("input:selected");

表单选择器：主要是针对表单，也是9个，表单有时候无法区分，只能通过type来区分，这就是表单选择器

:text：匹配文本框

:password：匹配密码框

:radio：匹配单选框

:checkbox：匹配多选框

:submit：匹配提交按钮

:reset：匹配重置按钮

:button：匹配普通按钮

:file：匹配文件框

:hidden：匹配隐藏框