jQuery开发指南
上QQ阅读APP看书,第一时间看更新

2.1 jQuery选择器概述

选择器是jQuery的核心功能,因为对事件处理、遍历DOM和AJAX操作都依赖于选择器。使用选择器,不仅能简化代码,还能提高效率。

jQuery选择器可通过CSS选择器和条件过滤两种方式获取元素。其中,通过CSS选择器语法规则获取元素的jQuery选择器包括基本选择器、层次选择器和属性选择器;通过条件过滤选取元素的jQuery选择器包括基本过滤选择器和可见性过滤选择器。

2.1.1 jQuery选择器的概念

jQuery选择器是jQuery库中非常重要的部分之一,它支持网页开发者所熟知的CSS语法快速对页面进行设置。提起选择器,初学者一般会联想到CSS层叠样式表。在CSS中,选择器的作用是获取元素,而后为其添加CSS样式,美化网页;而jQuery选择器,不仅继承了CSS选择器的语法,还继承了其便捷高效地获取页面元素的特点。jQuery选择器与CSS选择器的不同之处就在于,jQuery选择器获取元素后,为该元素添加的是行为,使页面交互变得更加精彩。

使用CSS选择器需要考虑各个浏览器对它的支持情况,而jQuery选择器则不用考虑这些,它对于每个浏览器都有很好的兼容性。学会使用选择器是学习jQuery的基础,jQuery的操作都建立在所获取的元素之上,否则无法达到想要的效果。

2.1.2 jQuery选择器的优点

1.简洁的写法

$()函数在很多JavaScript库中都被当作一个选择器函数来使用,在jQuery中也一样。$("#id名")用来代替JavaScript中的document.getElementById()函数,即通过ID获取元素;$("标签名")用来代替document.getElementsByTagName()函数,即通过标签名来获取HTML元素。其他选择器的写法将在后续章节中讲解。

2.支持CSS 1.0到CSS 3.0选择器

jQuery选择器支持CSS 1.0、CSS 2.0和CSS 3.0的大多数选择器。同时,它也有少量自定义的选择器。

使用CSS选择器时,开发人员需要考虑主流浏览器是否支持某些选择器;而在jQuery中,开发人员则可以放心地使用jQuery选择器,而无须考虑浏览器是否支持这些选择器。

3.完善的处理机制

使用jQuery选择器不仅比使用传统的getElementById()和getElementsByTagName()函数简洁得多,还能避免某些错误。