- jquery基本选择器
| 选择器名字 | 语法 | 含义 |
| id选择器 | $(“#id”) | 选择了id名为id的元素（单个） |
| 类选择器 | $(“.class”) | 选择了所有class名为class的所有元素（集合） |
| 标签选择器 | $(“p”) | 选择了所有标签名为p的所有元素（集合） |
| 并列选择器 | $(“#id1,#id2”) | 选择了id名为id1和id2的2个元素 （集合） |
| 过滤选择器 | $(“p.class”) | 选择了类名为class的所有p元素（集合） |
- 关系选择器
| 选择器名字 | 语法 | 含义 |
| 后代选择器 | $(“div p”) | 选择所有的后代元素（集合） |
| 子代选择器 | $(“div>p”) | 选择所有的子代元素（集合） |
| 相邻元素选择器 | $(“div+p”) | 选择紧挨着的下一个元素 |
| 兄弟选择器 | $(“div~p”) | 选择后面的所有的兄弟元素 |
- 过滤选择器
| 语法 | 含义 |
| :eq(index) 比如 $(“div”).eq(0) | 选择第一个匹配的div元素，也可这样写：$(“div:eq(0)”)。 |
| :gt(index) 比如 $(“div”).gt(2) | 选择序号大于2的元素，也可这样写：$(“div:gt(2)”) |
| :lt(index) 比如 $(“div”).lt(2) | 选择序号小于2的元素，也可这样写：$(“div:lt(2)”) |
| :not(selector) 比如 $(“div:not(class)”) | 选择不为class的div元素 |
| :odd 比如 $(“tr:odd”) | 所有奇数 元素 |
| :even 比如 $(“tr:even”) | 所有偶数 元素 |
| :first 比如 $(“p:first”) | 第一个 元素 |
| :last 比如 $(“p:last”) | 最后一个元素 |
- 属性选择器-跟CSS通用
| 语法 | 含义 |
| [attribute] 比如 $(“[href]”) | 所有带有 href 属性的元素 |
| [attribute=value] 比如 $(“[href=‘#’]”) | 所有 href 属性的值等于"#"的元素 |
| [attribute!=value] 比如 $(“[href!=‘#’]”) | 所有 href 属性的值不等于"#"的元素 |
| [attribute$=value] 比如 ( " [ h r e f ("[href("[href=‘.jpg’]") | 所有 href 属性的值包含以".jpg"结尾的元素 |
| [attribute^=value] 比如 $(“[class^=‘li’]”) | 所有 class 属性的值包含以"li"开头的元素 |
| [attribute*=value] 比如 $(“[class*=‘li’]”) | 所有 class 属性的值包含"li"的元素 |
- 表单选择器(JQ特有)
| 语法 | 举例 | 含义 |
| :input | $(“:input”) | 选取所有的input、textarea、button、select元素 |
| :text | $(“:text”) | 选取所有的单行文本框 |
| :password | $(“:password”) | 选取所有的密码框 |
| :radio | $(“:radio”) | 选取所有的单选框 |
| :checkbox | $(“:checkbox”) | 选取所有的多选框 |
| :submit | $(“:submit”) | 选取所有的提交按钮 |
| :image | $(“:image”) | 选取所有的图像按钮 |
| :reset | $(“:reset”) | 选取所有的重置按钮 |
| :button | $(“:button”) | 选取所有的按钮 |
| :file | $(“:file”) | 选取所有的上传域 |
| :hidden | $(“:hidden”) | 选取所有的不可见元素 |
| :focus | $(“:focus”) | 选取当前获取焦点的元素 |
| :header | $(“:header”) | 選取h1~h6标题标签 |
- jQuery特有选择器
| 语法 | 含义 |
| $(“div”).filter(“.box”) | 选取含有指定选择器的div元素，也就是选择的是div，在div范围内包含了指定的选择器的该div都能被选择(过滤自己) |
| $(“div”).find(“.box”) | 选取在div元素内，所有包含了指定的选择器（“.box”）的元素都能被选择（通过父级找子元素时使用，等价于后代选择器） |
| $(“div:contains(‘text’)”) | 选取包含指定文本的元素 |
| $(“div”).has(选择器) | 选取含有指定选择器的div元素，选的也是div,而不是“选择器” |
//比如： $("ul").has(".box");//返回ul中为.box的ul元素
案例笔记作业下载链接：https://www.imqd.cn/jquery-selector.html
