• :在线测试工具暂时不可用,小伙伴们可以使用本地编辑器来代替,绿叶全新版本正在快马加鞭开发中,比心~

2.5 本章总结

在jQuery中,基础选择器共有3类:(1)基本选择器;(2)层次选择器;(3)属性选择器。

一、基本选择器

所谓的基本选择器,指的是在jQuery中使用最频繁的选择器。在jQuery中,基本选择器共有:

  • (1)元素选择器;
  • (2)id选择器;
  • (3)class选择器;
  • (4)群组选择器;
  • (5)*选择器

二、层次选择器

层次选择器,就是通过元素之间的层次关系来获取元素。常见的层次关系包括:父子、后代、兄弟、相邻。

在jQuery,层次选择器共有4种:

jQuery层次选择器
选择器 说明
$("M N") 后代选择器,选择M元素内部后代N元素(所有N元素)
$("M>N") 子代选择器,选择M元素内部子代N元素(所有第1级N元素)
$("M~N") 兄弟选择器,选择M元素后所有的同级N元素
$("M+N") 相邻选择器,选择M元素相邻的下一个元素(M、N是同级元素)

其实jQuery层次选择器可以划分为2组,对比一下:

(1)“后代选择器”和“子代选择器”;

(2)“兄弟选择器”和“相邻选择器”;

三、属性选择器

属性选择器,指的是根据元素属性进行选择的一种方式。

jQuery属性选择器
选择器 说明
$("selector[attr]") 选择包含给定属性的元素
$("selector[attr='value']") 选择给定的属性是某个特定值的元素
$("selector[attr != 'value']") 选择所有含有指定的属性,但属性不等于特定值的元素
$("selector[attr *= 'value']") 选择给定的属性是以包含某些值的元素
$("selector[attr ^= 'value']") 选择给定的属性是以某些值开始的元素(比较少用)
$("selector[attr $= 'value']") 选择给定的属性是以某些值结尾的元素(比较少用)
$("selector[selector1][selector2]…[selectorN]") 复合属性选择器,需要同时满足多个条件时使用
:本站所有教程均为原创,大部分已经与人民邮电出版社合作出版,禁止转载和抄袭,否则绿叶学习网和人民邮电出版社必将追究法律责任,附录:互联网著作权保护法。【法律顾问:张俊律师】

小伙伴们也可以加一下QQ群,在“群文件”中可以获取学习资源以及配套资源,以及跟其他小伙伴交流,站长也在群内。

(1)QQ群:519225291(暗号:lvye

(2)绿叶学习网常见问题解答

回到顶部