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 获取禁用的元素