JQ选择器

分类

1.基本选择器

2.层级选择器

3.属性选择器

4.过滤选择器

5.表单过滤选择器

使用方法

①选中标签

②设置该标签对应操作及其效果

1.基本选择器

image-20240722164024840

2.层级选择器

Ⅰ、后代选择器

​ $(“A B”) ,这是选择A元素内部所有的B元素

Ⅱ、子选择器

$(“A > B”) ,这是选择A元素内部所有的B子元素

3.属性选择器

Ⅰ、属性名称选择器

$(“A[属性名]”) 包含指定属性的选择器

Ⅱ、属性选择器

$([“A[属性名]=‘值’”] ) 包含指定属性和指定值的选择器

Ⅲ、复合属性选择器

$([“A[属性名]=‘值’”] []…… ) 包含多个指定属性和指定值的选择器

4.过滤选择器

Ⅰ、首元素选择器

:first 获得选择元素的第一个元素

Ⅱ、尾元素选择器

:last 获得选择元素的最后一个元素

Ⅲ、非元素选择器

:not(selecter) 不包括制定内容的元素

Ⅳ、偶数选择器

:even 偶数从0开始计数

Ⅴ、奇数选择器

:odd 奇数,从0开始计数

Ⅵ、大于索引选择器

:gt(index) 大于指定索引元素

Ⅶ、小于索引选择器

:lt(index) 小于指定索引的元素

Ⅷ、等于索引选择器

:eq(index) 等于指定索引的元素

Ⅸ、标题选择器

:header 获得标题元素,固定写法

5.表单过滤选择器

Ⅰ、可用元素选择器

:enabled 获得可用元素

Ⅱ、不可用元素选择器

:disabled 获得不可用元素

Ⅲ、选中选择器

①:checked 获得单选框、复选框中的元素

②:selected 获得下拉框中的元素

分类

1.基本选择器

2.层级选择器

3.属性选择器

4.过滤选择器

5.表单过滤选择器

使用方法

①选中标签

②设置该标签对应操作及其效果

1.基本选择器

image-20240722164024840

2.层级选择器

Ⅰ、后代选择器

​ $(“A B”) ,这是选择A元素内部所有的B元素

Ⅱ、子选择器

$(“A > B”) ,这是选择A元素内部所有的B子元素

3.属性选择器

Ⅰ、属性名称选择器

$(“A[属性名]”) 包含指定属性的选择器

Ⅱ、属性选择器

$([“A[属性名]=‘值’”] ) 包含指定属性和指定值的选择器

Ⅲ、复合属性选择器

$([“A[属性名]=‘值’”] []…… ) 包含多个指定属性和指定值的选择器

4.过滤选择器

Ⅰ、首元素选择器

:first 获得选择元素的第一个元素

Ⅱ、尾元素选择器

:last 获得选择元素的最后一个元素

Ⅲ、非元素选择器

:not(selecter) 不包括制定内容的元素

Ⅳ、偶数选择器

:even 偶数从0开始计数

Ⅴ、奇数选择器

:odd 奇数,从0开始计数

Ⅵ、大于索引选择器

:gt(index) 大于指定索引元素

Ⅶ、小于索引选择器

:lt(index) 小于指定索引的元素

Ⅷ、等于索引选择器

:eq(index) 等于指定索引的元素

Ⅸ、标题选择器

:header 获得标题元素,固定写法

5.表单过滤选择器

Ⅰ、可用元素选择器

:enabled 获得可用元素

Ⅱ、不可用元素选择器

:disabled 获得不可用元素

Ⅲ、选中选择器

①:checked 获得单选框、复选框中的元素

②:selected 获得下拉框中的元素择器

分类

1.基本选择器

2.层级选择器

3.属性选择器

4.过滤选择器

5.表单过滤选择器

使用方法

①选中标签

②设置该标签对应操作及其效果

1.基本选择器

image-20240722164024840

2.层级选择器

Ⅰ、后代选择器

​ $(“A B”) ,这是选择A元素内部所有的B元素

Ⅱ、子选择器

$(“A > B”) ,这是选择A元素内部所有的B子元素

3.属性选择器

Ⅰ、属性名称选择器

$(“A[属性名]”) 包含指定属性的选择器

Ⅱ、属性选择器

$([“A[属性名]=‘值’”] ) 包含指定属性和指定值的选择器

Ⅲ、复合属性选择器

$([“A[属性名]=‘值’”] []…… ) 包含多个指定属性和指定值的选择器

4.过滤选择器

Ⅰ、首元素选择器

:first 获得选择元素的第一个元素

Ⅱ、尾元素选择器

:last 获得选择元素的最后一个元素

Ⅲ、非元素选择器

:not(selecter) 不包括制定内容的元素

Ⅳ、偶数选择器

:even 偶数从0开始计数

Ⅴ、奇数选择器

:odd 奇数,从0开始计数

Ⅵ、大于索引选择器

:gt(index) 大于指定索引元素

Ⅶ、小于索引选择器

:lt(index) 小于指定索引的元素

Ⅷ、等于索引选择器

:eq(index) 等于指定索引的元素

Ⅸ、标题选择器

:header 获得标题元素,固定写法

5.表单过滤选择器

Ⅰ、可用元素选择器

:enabled 获得可用元素

Ⅱ、不可用元素选择器

:disabled 获得不可用元素

Ⅲ、选中选择器

①:checked 获得单选框、复选框中的元素

②:selected 获得下拉框中的元素

分类

1.基本选择器

2.层级选择器

3.属性选择器

4.过滤选择器

5.表单过滤选择器

使用方法

①选中标签

②设置该标签对应操作及其效果

1.基本选择器

image-20240722164024840

2.层级选择器

Ⅰ、后代选择器

​ $(“A B”) ,这是选择A元素内部所有的B元素

Ⅱ、子选择器

$(“A > B”) ,这是选择A元素内部所有的B子元素

3.属性选择器

Ⅰ、属性名称选择器

$(“A[属性名]”) 包含指定属性的选择器

Ⅱ、属性选择器

$([“A[属性名]=‘值’”] ) 包含指定属性和指定值的选择器

Ⅲ、复合属性选择器

$([“A[属性名]=‘值’”] []…… ) 包含多个指定属性和指定值的选择器

4.过滤选择器

Ⅰ、首元素选择器

:first 获得选择元素的第一个元素

Ⅱ、尾元素选择器

:last 获得选择元素的最后一个元素

Ⅲ、非元素选择器

:not(selecter) 不包括制定内容的元素

Ⅳ、偶数选择器

:even 偶数从0开始计数

Ⅴ、奇数选择器

:odd 奇数,从0开始计数

Ⅵ、大于索引选择器

:gt(index) 大于指定索引元素

Ⅶ、小于索引选择器

:lt(index) 小于指定索引的元素

Ⅷ、等于索引选择器

:eq(index) 等于指定索引的元素

Ⅸ、标题选择器

:header 获得标题元素,固定写法

5.表单过滤选择器

Ⅰ、可用元素选择器

:enabled 获得可用元素

Ⅱ、不可用元素选择器

:disabled 获得不可用元素

Ⅲ、选中选择器

①:checked 获得单选框、复选框中的元素

②:selected 获得下拉框中的元素