day1.2.4.jQuery-02-jQuery选择器

jQuery选择器

在操作DOM元素时要先获取对象，选择器用于制定条件(字符串)过滤元素，便于选到要操作的元素对象。

选择器分类

• 基本选择器（重点）
• 层级选择器
• 属性选择器
• 基本过滤选择器
• 表单属性选择器

基本选择器

• id选择器:$("#+id名")
• 类选择器:$(".+class名")
• 标签选择器:$(“html标签”）
• 组合选择器$(“选择器,选择器”) ,表示或

层级选择器

场景：树状层级关系

• 后代选择器:$(“选择器1 选择器2”) 选择器1的后代再经过选择器2筛选
• 子选择器：$(“选择器1 > 选择器2”) 选择器1的直接子代再经过选择器2筛选

属性选择器

场景：选择元素属性作为筛选条件时

• $(“选择器1[属性名]”) 选择器1且其对象有对应属性
• $(“选择器1[属性名=“属性值”]”)
• $(“选择器1[属性名 *=“字符串”]”) 属性值包含字符串
• $(“选择器1[属性名] [属性名 =“属性值”]…”)

基本过滤选择器

场景：考虑元素索引顺序时

语法：选择器:基本过滤选择器

表单过滤选择器

场景：表单操作

语法：选择器名+表单过滤选择器

总结：

先重点熟练掌握基本选择器，就能解决大部分简单业务需求。其他记住大概，要用的时候再去翻文档。多翻多用几次常用的也就记住了。