jquery选择器有哪些类型

JQuery中有哪几种类型的选择器

发布 : web前端培训   发布时间:2022-01-21 15:25:16

品牌型号:联想 YOGA 14c/系统版本:windows7

jquery选择器类型有基本选择器、层次选择器、过滤选择器、表单选择器。其中过滤选择器又可以分为简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器。

1、基本选择器

#id:id选择器,根据给定的ID匹配一个元素,返回单个元素。

element:元素选择器,根据给定的元素名匹配所有元素,返回元素集合。

.class:类选择器,根据给定的类匹配元素,返回元素集合。

*:匹配所有元素,返回元素集合。。

selector1,selectorN:将每一个选择器匹配到元素合并后一起返回,返回合并后的元素集合。

2、层次选择器

ancestor descendant:根据祖先元素匹配所有的后代元素。

parent>child:子选择器,根据父元素匹配所有的子元素。

prev +next:同辈选择器,匹配所有紧接在prev元素后的相邻元素。

pre~siblings:同辈选择器,匹配pre元素之后的所有兄弟元素。

3、过滤选择器

first()或 :first:获取第一个元素。

last()或 :last:获取最后一个元素。

:not(selector):去除所有与给定选择器匹配的元素,返回元素集合。

:even:获取所有索引值为偶数的元素,索引号从0开始。

:odd:获取所有索引值为奇数的元素,索引号从0开始。

:eq(index):选取索引等于index的元素,索引从0开始,返回单个元素。

:gt(index):获取所有大于给定索引值的元素,索引号从0开始。

:lt(index):获取所有小于给定索引值的元素,索引号从0开始。

:header:获取所有标题类型的元素,如h1、h2… 元素集合。

:animated:获取正在执行动画效果的元素。

4、表单选择器

:text:选择所有的单行文本框

:password:选择所有的密码框

:button:选择所有的按钮

:checkbox:选择所有的多选框

(web自学教程)

其它答案
冰阔落2020-06-22 18:56:36

jquery选择器类型有:5种基本选择器、4种层次选择器、30种过滤选择器、11种表单选择器。

 相关推荐