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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jQuery 练习[二]: 获取对象(2) - 定位子对象，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2271字，纯文字阅读大概需要4分钟。

内容图文

   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
  

内容总结

以上是互联网集市为您收集整理的jQuery 练习[二]: 获取对象(2) - 定位子对象全部内容，希望文章能够帮你解决jQuery 练习[二]: 获取对象(2) - 定位子对象所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端