jQuery选择器

  1. CSS选择器复习
    • 基本选择器:标签、类名、多类名、ID、通配符
    • 复杂选择器:子代、后代、交集、并集
    • 伪类选择器::link/:hover/:active/:visited
  1. jQuery选择器划分
    •  基本选择器:
      • ID     $("#id")
      • 类名  $(".class")
      • 标签  $("div")
      • 并集   $("div,p,li")     用,隔开,符合其中一个就可
      • 交集    $("div.class") 两种选择器之间没有空格
    •  层级选择器
      • 子代选择器:$("ul>li")  
      • 后代选择器: $("ul  li")
    • 过滤选择器
      • 索引  :eq(index)   $("li:eq(2)").css("color","red")
      • 奇数  :odd   如$("li:odd")下同,索引是奇数实际是偶数
      • 偶数  :even
    • 筛选选择器(方法)
      • children(selector)        $("ul").children("li")    相当于子代选择器
      • find(selector)   相当于后代选择器
      • siblings(selector)   查找兄弟节点,不包括自己本身
      • parent()  查找父节点
      • eq(index)   相当于$("li:eq(2)")
      • next()    寻找下一个兄弟
      • prev()  找上一个兄弟
      • indes()   获取当前位置(索引)
posted @ 2020-08-16 17:10  帅气巴巴  阅读(107)  评论(0编辑  收藏  举报