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

2.1 jQuery选择器简介

在原生JavaScript中,如果想要选取元素,只能使用getElementById()、getElementByName、getElementByTagName()等几种有限的方法来获取,让人有一种力不从心、抓襟见肘的感觉。但是jQuery为我们提供了大量的选择器,极大地方便了我们快速选择元素来进行各种操作。

选择器,说白了,就是一种选中页面元素的方式。只要把元素选中,我们才能对被选中的元素进行各种操作。不同的选择器,在于它们选取方式的不同。在CSS入门教程的“什么叫CSS选择器”这一节已经用最简单的语言给大家讲解了选择器是一个什么东西。

jQuery的选择器完全是继承了CSS选择器的风格。如果大家曾认真把CSS选择器学透的话,在接下来的学习会相当的轻松。大家在学习jQuery选择器的时候,一定要联系CSS选择器进行对比记忆。

jQuery选择器非常多,很多新人看到那么多选择器,还没开始学头都晕了。青年,别给自己那么大的压力。曾经我作为初学者的时候,看到那么一堆选择器也是头大。后来才意识到,看过之后忘记是正常的,这些选择器只有在真正开发实战中才能深入理解和记忆。虽然选择器很多,而且我们都建议大家全部掌握。不过呢,我们在第1次学习的时候只需要认真理解每一种选择器究竟是咋样就行了。即使记不住,也知道有那么一回事,等到需要的时候,我们再回来翻一番。因为这些选择器,我们是必须通过真正的开发实践才能够根深蒂固的。这也是我以前常跟大家所说的“书到用时方恨少”的道理一样。

当然,为了辅助大家的理解和记忆,我尽量在教程编写上下功夫,以便大家更好地理清思路和学习。此外大家应该没有忘记我编写教程的作风:没用的知识我绝对不会啰嗦,但是对于重要知识点,我会一再重点提醒。

jQuery选择器,我按照自己的经验分为2大类:(1)基础选择器;(2)伪类选择器。在jQuery中,基础选择器是最常用的一类选择器,包括:

  • (1)基本选择器;
  • (2)层次选择器;
  • (3)属性选择器;

这一章我们先来学习jQuery基础选择器,在接下来的章节中,我们会一一详细给大家介绍这3类jQuery基础选择器。

:本站所有教程均为原创,大部分已经与人民邮电出版社合作出版,禁止转载和抄袭,否则绿叶学习网和人民邮电出版社必将追究法律责任,附录:互联网著作权保护法。【法律顾问:张俊律师】

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

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

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

回到顶部