jQuery四大选择器

229 阅读1分钟

1. jQuery选择器的优势:

(1) 代码更简单
(2) 支持CSS1到CSS3选择器
(3) 完善的处理机制

2. jQuery选择器的分类:

(1) 基本选择器

基本选择器是jQuery中使用最多的选择器,它又元素Id、class、元素名、多个元素符组成。

图片

(2) 层次选择器

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

图片

(3) 过滤选择器

① 简单过滤选择器

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

        图片

② 内容过滤选择器

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

     图片

③ 可见性过滤选择器

可见性过滤选择器根据元素是否可见的特征来获取元素

             图片

④ 属性过滤选择器

       图片

⑤ 子元素过滤选择器

     图片

⑥ 表单对象属性过滤选择器

此选择器主要是对所选择的表单元素进行过滤,例如选择被选中的下拉框,多选框等元素。

         图片

4) 表单选择器

          图片

图片

关键词:前端培训