3.1 基本选择器
3.1.1css选择器
3.1.2 层次选择器
补充:
1、上面只有获取某元素后面的兄弟元素,如果想要获取某元素的所有兄弟元素呢?
☞ 使用siblings([expr]) 方法,
如:选择 id为two的元素的所有div兄弟元素
则:$("#two").siblings("div")
2、紧邻同辈选择器 ----- > next([expr]) 方法
如:
$("#one+div").css("background","red");
$("#one").next("div").css("background","red");
☞ 效果是一样的
3、相邻同辈选择器 ----- > nextAll([expr]) 方法
如:
$("#two~div").css("background","red");
$("#two").nextAll("div").css("background","red");
☞ 效果是一样的
3.1.3 表单选择器
说明:表单选择器就是获取表单中各个元素
如:
获取文件input,则:$("#form1 :file")
3.2 过滤选择器
1、过滤选择器可以使用元素的索引值、内容、属性、子元素位置、表单域属性以及可见性作为筛选条件获取相关的元素。
2、过滤选择器主要是通过特定的过滤规则来筛选出所需的 DOM 元素, 该选择器都以 “:” 开头
3.2.1 基本过滤选择器
注意:索引从0开始。
3.2.2 内容过滤选择器
3.2.3 可见性过滤选择器
3.2.4 属性过滤选择器
3.2.5 子元素过滤选择器
注意:
1、子元素过滤选择器索引从1开始
2、子元素过滤选择器前面必须加空格
3、子元素选择器的一个特点:在每一个特定的元素下寻找子元素
3.2.6 表单对象属性过滤选择器
注意:不在表单中也适用