第3章 jQuery之选择器

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 表单对象属性过滤选择器

 

 

注意：不在表单中也适用