jQuery 选择器

jQuery选择器

1.1 基本选择器

1、元素名(标签名)选择器：根据元素的名称选中指定名称的元素

格式：$("元素名称")

 

 

2、类选择器：根据元素的class属性, 匹配所有class值相同的元素

格式：$(".class值")

 

 

3.ID选择器：根据元素的id属性值, 匹配具有特定id的元素

格式：$("#id值")

 

1.2 层级选择器

1、后代选择器

格式：$("祖先元素 后代元素")

 

 

2.子元素选择器

格式：$("祖先元素>子元素")

 

 

3.相邻兄弟选择器：匹配id为one元素后面紧邻的div兄弟元素

格式：$("大哥+小弟")

 

 

4.$("#two~div")：匹配id为two元素后面所有的div兄弟元素

 

 

5.$("#two").siblings("div")：匹配id为two元素(前后)所有的div兄弟元素

$("#two").next("div") – 匹配id为two的下一个相邻兄弟div元素

$("#two").nextAll("div") – 匹配id为two的后面所有的div兄弟元素

$("#two").prev("div") – 匹配id为two的前一个相邻兄弟div元素

$("#two").prevAll("div") – 匹配id为two的前面所有的div兄弟元素

 

1.3 基本过滤选择器

1. :first

$("div:first") – 匹配所有div中的第一个div元素

 

2. :last

$("div:last") – 匹配所有div中的最后一个div元素

 

3. :eq

$("div:eq(3)") – 匹配所有div中的索引值为3的div元素