天天看点

jQuery选择器优势和分类

选择器是jQuery的核心之一,jQuery沿用了CSS选择器获取元素的功能,使得开发者能够在DOM中快捷且轻松地获取元素及其集合,并通过所操作的对象与用户或浏览器进行各种信息交互。

选择器是jQuery的基础,在jQuery中,对事件处理,遍历DOM和Ajax操作都依赖于选择器,熟练的使用选择器,可以简化代码。

jQuery选择器:

  1. CSS选择器
  2. 条件过滤

CSS选择器:

  1. 基本选择器
  2. 层次选择器
  3. 属性选择器

条件过滤:

  1. 基本过滤选择器
  2. 可见性过滤选择器

选择器优势:

说到选择器,自然地联想到CSS (层叠样式表),在CSS中,选择器的作用是获取元素,而后为其添加CSS样式,美化其外观。而jQuery选择器不仅仅良好的继承了CSS选择器的语法,还继承了其获取页面元素便捷高效的特点。不同之处就在于,jQuery选择器获取元素后,为该元素添加的是行为,使页面交互变得更加丰富多彩。

另外,jQuery 选择器拥有着良好的浏览器兼容性。

总体面言,jQuery 选择器有以下3点优势

(1)写法简洁

$()函数在很多JavaScript 库中都被当作一个选择器函数来使用, 在jQuery中也不例外,其中, $ ("#id")用 米代替JavaScript中的document.getElementByld()函数,即通过ID获取元素

(2) 支持CSS 1.0到CSS 3.0选择器

jQuery选择器支持CSS 1.0、CSS 2.0和CSS 3.0的大多数选择器。同时,它也有少量定义的选择器,因此对拥有一定CSS基础的开发人员来说,学习jQuery选择器是一件非常容易的事。

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