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 选择器而无须考虑浏览器是否支持这些选择器。

(3)完善的处理机制

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值