常见的jQuery选择器摘要

在DOM编程我们只能根据ID或标签名获得DOM对象使用有限的功能。然而,jQuery是完全不同的,jQuery提供了一个强大的选择器来帮助我们获取页面上的对象,并以打包的形式返回到jQuery对象。

jQuery选择器大体上可以分为4类:基本选择器、层次选择器、筛选器选择器和表单选择器。

过滤器选择器可分为:简单筛选器选择器、内容筛选器选择器、可见性筛选器选择器、属性筛选器选择器、子元素筛选器选择器、表单对象属性筛选器选择器。

基本选择器:

$(# myelement )选择元素的id值等于myelement。不能重复ID值。文档中的唯一的ID值myelement,所以它是唯一的元素。

$( )选择所有div标记元素并返回div元素数组。

$(。MyClass)选择所有的MyClass类的CSS元素

$(*)选择文档中的所有元素{代码}

多种选项可用于接头的选择:例如,$(# myelement,DIV。MyClass)

级联选择器:

$(表单输入)在所有表单元素中选择输入元素

$(#主要> *)选择所有与主ID值的子元素

$(标签+输入))选择所有标签元素的下一个输入元素节点

测试选择器直接返回带有标签的所有输入标记元素。

$(#沪指~ div)同胞选择器

选择返回所有div标签,属于同一个父元素的ID和标签元素。

基本滤波器选择器:

$(第一)选择第一个所有TR元素

$(最后)选择最后的所有TR元素

$()输入:不((:选中的)+)

筛选:选中选择器的所有输入元素。

$(TR:即使)选择零,2, 4…所有TR元素的元素(注:因为所选的多个元素是数组,所以序数从0开始)。

$(奇数)选择第一,3, 5…所有TR元素的元素

在所有TD元素中选择序号为2的TD元素。$(2)

$(gt(4))选择TD元素中所有序数大于4的TD元素。

$(LL(4))在TD元素中选择序号小于4的所有TD元素

$(:头)

$(动画)

内容筛选选择器:

$(div:包含(约翰'))选择所有的元素,包括约翰的文本在所有div

$(空)选择空的所有TD元素的数组(不包括文本节点)

$()div(p))用p标记选择所有div元素

$(父)选择所有TD父节点元素数组

可视筛选选择器:

$(隐藏)选择隐藏的所有div元素。

$(可视化)选择所有可视化的div元素

属性筛选选择器:

$(})选择具有id属性的所有div元素

$(输入{名称= 'newsletter})选择所有的名称属性等于the'newsletter输入元素

$()输入名称!= 'newsletter})选择所有的名称属性,不等同于输入元素of'newsletter

$(输入名称^ =新闻{ })选择所有的名称属性,随着the'news的输入元素开始

$(输入{名称=新闻})的输入元件的名称属性选择结束with'news

$(输入{姓名* =男人的})选择包含the'news的输入元素的name属性

$(输入{id} {名称=男人的})可以使用多个属性的共同选择。选择器是获取包含id属性的所有元素,属性以人类结束。

子元素过滤选择器:

$(ul:nth-child(2)),$(ul:nth-child(奇)),$(ul:nth-child(3n + 1))

$(范围:第一个子)返回所有div元素的第一个子节点的数组。

$的数组最后的子)返回到所有div元素的最后一个节点。

$(div按钮:只有子)返回所有子节点中只有一个子节点的所有子节点的数组

表单元素选择器:

$(:输入)选择所有的表单元素,包括输入文本,选择,和按钮

$(:文本)选择所有文本输入元素

$(: )选择所有密码输入元素

$(:)选择所有无线电输入元素

$(:复选框)选择所有复选框输入元素

$(提交)选择所有提交输入元素

$(:)选择所有图像输入元素

$(:)选择所有重置输入元素

$(按钮)选择所有按钮输入元素

$(文件)选择所有文件输入元素

$(隐藏)选择所有隐藏元素的隐藏域。

表单元素筛选选择器:

$(:启用)选择所有可操作的表单元素

$(:禁用)所有不可操作窗体元素的选择

$():选中选中的所有表单元素。

$(选择选项:选择)选择的选择在选择所有的子元素的元素