聊聊Jquery中的各种选择器

Jquery中的各种选择器

1. 基础选择器 （用法和css中一样）

• id选择器 $("#id")
• 标签名选择器 $(“div”)
• class选择器 $(".class")
• 分组选择器 $("#id,div,.class")
• 任意元素选择器 $("*")

2. 层级选择器

• $(“div span”) 匹配div里面所有的span(包括所有后代span)
• $(“div>span”) 匹配div里面所有的span子元素
• $(“div+span”) 匹配div后面的span
• $(“div~span”) 匹配div后面所有的span
• 层级相关的方法:
  1. $("#abc").prev(“div”) 匹配id为abc元素的div哥哥元素
  2. $("#abc").prevAll() 匹配id为abc元素的哥哥们元素
  3. $("#abc").next() 匹配id为abc元素的弟弟元素
  4. $("#abc").nextAll() 匹配id为abc元素的弟弟们元素
  5. $("#abc").siblings() 匹配id为abc元素的所有兄弟元素
  6. $("#abc").parent() 匹配元素的父元素
  7. $("#abc").children() 匹配元素的所有子元素们

3. 过滤选择器

• $(“div:first”) 匹配第一个div
• $(“div:last”) 匹配最后一个div
<