jQuery 练习[二]: 获取对象(2) - 定位子对象

   jQuery 练习[二]: 获取对象(2) - 定位子对象    


选择中的特殊符号:

#    指示 id
.    指示 class
*    全选
,    多选
空格 后代
>    子
~    兄弟
+    下一个
:    子(多功能)
()   函数式的过滤与查找


获取 div 下的所有标题对象: $("div :header")



获取所有标题对象: $(":header")



获取 first, 如: $("li:first") 或 $("li").first() 或 $("ul :first") 或 $("ul li:first")


  •    
  • AAA
  •    
  • BBB
  •    
  • CCC
  •    
  • DDD
  •    
  • EEE
  •    
  • FFF
  •    
  • GGG



  •    
  • 111



  •    
  • XXX
  •    
  • YYY
  •    
  • ZZZ


获取每组的 first, 如: $("li:first-child") 或 $("ul li:first-child") 或 $("ul :first-child")


  •    
  • AAA
  •    
  • BBB
  •    
  • CCC
  •    
  • DDD
  •    
  • EEE
  •    
  • FFF
  •    
  • GGG



  •    
  • 111



  •    
  • XXX
  •    
  • YYY
  •    
  • ZZZ


获取 last, 如: $("li:last") 或 $("li").last() 或 $("ul :last") 或 $("ul li:last")


  •    
  • AAA
  •    
  • BBB
  •    
  • CCC
  •    
  • DDD
  •    
  • EEE
  •    
  • FFF
  •    
  • GGG



  •    
  • 111



  •    
  • XXX
  •    
  • YYY
  •    
  • ZZZ


获取每组的 last, 如: $("li:last-child") 或 $("ul li:last-child") 或 $("ul :last-child")


  •    
  • AAA
  •    
  • BBB
  •    
  • CCC
  •    
  • DDD
  •    
  • EEE
  •    
  • FFF
  •    
  • GGG



  •    
  • 111



  •    
  • XXX
  •    
  • YYY
  •    
  • ZZZ


获取第几个, 如(获取第三个, eq 是 0 起): $("li:eq(2)") 或 $("li").eq(2)


  •    
  • AAA
  •    
  • BBB
  •    
  • CCC
  •    
  • DDD
  •    
  • EEE
  •    
  • FFF
  •    
  • GGG



  •    
  • 111



  •    
  • XXX
  •    
  • YYY
  •    
  • ZZZ


获取第几个之后的, 如(获取第三个之后的, gt 是 0 起): $("li:gt(2)")


  •    
  • AAA
  •    
  • BBB
  •    
  • CCC
  •    
  • DDD
  •    
  • EEE
  •    
  • FFF
  •    
  • GGG



  •    
  • 111



  •    
  • XXX
  •    
  • YYY
  •    
  • ZZZ


获取第几个之前的, 如(获取第三个之前的, lt 是 0 起): $("li:lt(2)")


  •    
  • AAA
  •    
  • BBB
  •    
  • CCC
  •    
  • DDD
  •    
  • EEE
  •    
  • FFF
  •    
  • GGG



  •    
  • 111



  •    
  • XXX
  •    
  • YYY
  •    
  • ZZZ


获取索引值是偶数的, 如(even 是 0 起): $("li:even")


  •    
  • AAA
  •    
  • BBB
  •    
  • CCC
  •    
  • DDD
  •    
  • EEE
  •    
  • FFF
  •    
  • GGG



  •    
  • 111



  •    
  • XXX
  •    
  • YYY
  •    
  • ZZZ


获取索引值是奇数的, 如(odd 是 0 起): $("li:odd")


  •    
  • AAA
  •    
  • BBB
  •    
  • CCC
  •    
  • DDD
  •    
  • EEE
  •    
  • FFF
  •    
  • GGG



  •    
  • 111



  •    
  • XXX
  •    
  • YYY
  •    
  • ZZZ


获取每组第偶数个, 如(nth-child 是 1 起): $("li:nth-child(even)")


  •    
  • AAA
  •    
  • BBB
  •    
  • CCC
  •    
  • DDD
  •    
  • EEE
  •    
  • FFF
  •    
  • GGG



  •    
  • 111



  •    
  • XXX
  •    
  • YYY
  •    
  • ZZZ


获取每组第奇数个, 如(nth-child 是 1 起): $("li:nth-child(odd)")


  •    
  • AAA
  •    
  • BBB
  •    
  • CCC
  •    
  • DDD
  •    
  • EEE
  •    
  • FFF
  •    
  • GGG



  •    
  • 111



  •    
  • XXX
  •    
  • YYY
  •    
  • ZZZ


获取每组第几个, 譬如第 2 个(nth-child 是 1 起): $("li:nth-child(2)")


  •    
  • AAA
  •    
  • BBB
  •    
  • CCC
  •    
  • DDD
  •    
  • EEE
  •    
  • FFF
  •    
  • GGG



  •    
  • 111



  •    
  • XXX
  •    
  • YYY
  •    
  • ZZZ


用表达式指示每组的第几个, 如(nth-child 是 1 起): $("li:nth-child(3n-1)")


  •    
  • AAA
  •    
  • BBB
  •    
  • CCC
  •    
  • DDD
  •    
  • EEE
  •    
  • FFF
  •    
  • GGG



  •    
  • 111



  •    
  • XXX
  •    
  • YYY
  •    
  • ZZZ


如果是父元素中唯一的子元素, 如: $("li:only-child")


  •    
  • AAA
  •    
  • BBB
  •    
  • CCC
  •    
  • DDD
  •    
  • EEE
  •    
  • FFF
  •    
  • GGG



  •    
  • 111



  •    
  • XXX
  •    
  • YYY
  •    
  • ZZZ


:not 是对其他选择的取反, 如: $("li:not(li:first-child)")


  •    
  • AAA
  •    
  • BBB
  •    
  • CCC
  •    
  • DDD
  •    
  • EEE
  •    
  • FFF
  •    
  • GGG



  •    
  • 111



  •    
  • XXX
  •    
  • YYY
  •    
  • ZZZ


上一篇:SpringMVC使用注解开发项目


下一篇:SpringMVC九大组件