jquery选择器是什么?

什么是jQuery选择器?

jQuery选择器继承了CSS与Path语言的部分语法,允许通过标签名、属性名或内容对DOM元素进行快速、准确的选择,而不必担心浏览器的兼容性,通过jQuery选择器对页面元素的精准定位,才能完成元素属性和行为的处理。

jQuery选择器的优势

  • 代码更简单;

  • 支持CSS1到CSS3选择器;

  • 完善的机制处理

jQuery选择器

jQuery选择器分类示意图:

1.jpg

1、基本选择器

jQuery选择器中使用最多的选择器,它由元素id、class、元素名、多个元素符组成。

功能表如下:

2.jpg

2、层次选择器

通过DOM元素间的层次关系来获取元素,主要层次关系包括父子、后代、相邻、兄弟关系。

功能表如下:

3.jpg

3-2.jpg

3、过滤选择器

(1)简单过滤选择器

过滤选择器是根据某类过滤规则进行元素的匹配,书写时都以(:)开头;简单过滤是使用最广泛的一种。

功能表如下:

4.jpg

(2)内容过滤选择器

根据元素中的文字内容或所包含的子元素特征获取元素,其文字内容可以模糊或绝对匹配进行元素定位。

功能表如下:

5.jpg

(3)可见性过滤选择器

根据元素是否可见的特征来获取元素

功能表如下:

6.jpg

(4)属性过滤选择器

属性过滤选择器根据元素的某个属性获取元素,如ID号或匹配属性值的内容,并以"[“号开始,以”]"号结束。

功能表如下:

7.jpg

(5)子元素过滤选择器

获取所有父元素中指定的某个元素

功能表如下:

8.jpg

(6)表单对象属性过滤选择器

对所选择的表单元素进行过滤,例如选择被选中的下拉框,多选框等元素

功能表如下:

9.jpg

更多web前端开发知识,请查阅 HTML中文网 !!

以上就是jquery选择器是什么?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » jQuery 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏