Jquery常用的选择器

Jquery常用的选择器
jquery选择器是用来查找元素节点的,jQuery中$()函数最强大最常用的功能之一就是使用选择器选择DOM元素,所以,接下来的这篇文章就来给大家介绍一下jquery中常用的选择器有哪些。有需要的朋友可以看一看。

jquery选择器总共有四大类,分别为基本选择器,层次选择器,过滤选择器和表单选择器,下面我们分别来看一下这四种jquery选择器。
1、jquery的基本选择器
基本选择器是JQuery最常用的选择器,也是最简单的选择器,它通过元素id、class和标签名来查找DOM元素。

#id               id 选择器
标签名             标签选择器
.class            class 选择器
*                 通配符选择器
selector1,selector2,selectorN   群组选择器

注意:在网页中id只能使用一次,即id具有唯一性,但class是允许重复使用的。
2、jquery层次选择器
层次选择器通过DOM元素间的层次关系来获取元素,主要的层次关系包括父子、后代、相邻、兄弟关系。

parent   child                后代选择器
parent > child                子选择器
prev + next                   下一个兄弟元素
prev ~ siblings              下面的所有兄弟元素

3、jquery过滤选择器
过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM元素,过滤规则与CSS中的伪类选择器语法相同,即选择器都以一个冒号(:)开头(关于css伪类选择器更多知识可以参考css学习手册)。

eq(index|-index)          选取固定下标的元素
first()                   选取第一个元素
last()                    选取第最后一个元素
hasClass(class)  判断元素是否含有某个class  含有返回true 
filter()         筛选出与指定表达式匹配的元素集合。
has(选择器)   某个元素中含有当前选择器的子元素
not()        除选择器之外的元素
slice(start,[end]) 选取一个匹配的子集 留头不留尾 选取元素

4、jquery表单选择器
利用表单选择器我们可以极其方便地获取表单的某个或某类型的元素。

 :input  获取所有的表单元素 
 :text  获取文本框
 :radio 获取单选框
 :checkbox 获取复选框
 :file 文件上传框
 :submit 提交按钮
 :reset 重置按钮
 :button 获取按钮
 :image 获取按钮
 :hidden 隐藏域
 表单属性选择器  
 :enabled匹配所有可用元素
 : disabled 获取禁用的元素
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值