当前位置:首页 > jquery

jquery有哪些选择器

2026-04-08 16:20:08jquery

jQuery 核心选择器

$("*") 选择所有元素
$("#id") 通过ID选择元素
$(".class") 通过类名选择元素
$("element") 通过标签名选择元素(如 div/span

层级选择器

$("parent > child") 选择父元素下的直接子元素
$("ancestor descendant") 选择祖先元素内的所有后代元素
$("prev + next") 选择紧邻的下一个兄弟元素
$("prev ~ siblings") 选择后面所有同级兄弟元素

属性选择器

$("[attribute]") 选择带有指定属性的元素
$("[attribute='value']") 选择属性值等于指定值的元素
$("[attribute!='value']") 选择属性值不等于指定值的元素
$("[attribute^='value']") 选择属性值以指定字符串开头的元素
$("[attribute$='value']") 选择属性值以指定字符串结尾的元素
$("[attribute*='value']") 选择属性值包含指定字符串的元素

表单选择器

:input 选择所有表单元素(input/select/textarea/button)
:text 选择所有文本输入框
:password 选择所有密码输入框
:radio 选择所有单选按钮
:checkbox 选择所有复选框
:submit 选择所有提交按钮
:image 选择所有图像按钮
:reset 选择所有重置按钮
:button 选择所有按钮元素
:file 选择所有文件上传输入框

过滤选择器

:first 选择匹配的第一个元素
:last 选择匹配的最后一个元素
:even 选择偶数索引元素(从0开始)
:odd 选择奇数索引元素
:eq(index) 选择指定索引位置的元素
:gt(index) 选择大于指定索引的元素
:lt(index) 选择小于指定索引的元素
:not(selector) 排除匹配选择器的元素
:header 选择所有标题元素(h1-h6)
:animated 选择当前正在执行动画的元素

内容过滤选择器

:contains(text) 选择包含指定文本的元素
:empty 选择没有子元素的空元素
:has(selector) 选择包含匹配选择器元素的元素
:parent 选择含有子元素或文本的元素

可见性过滤选择器

:hidden 选择所有隐藏元素(包括CSS隐藏或type="hidden"的表单元素)
:visible 选择所有可见元素

jquery有哪些选择器

子元素过滤选择器

:nth-child(n) 选择父元素下第n个子元素
:first-child 选择父元素下的第一个子元素
:last-child 选择父元素下的最后一个子元素
:only-child 选择作为唯一子元素的元素

分享给朋友:

相关文章

js实现父选择器

js实现父选择器

在JavaScript中,没有直接的“父选择器”方法,但可以通过DOM操作或选择器组合实现类似功能。以下是几种常见方法: 通过parentNode属性获取父元素 使用parentNode属性可以获取…

jquery过滤选择器

jquery过滤选择器

jQuery 过滤选择器 jQuery 提供了一系列过滤选择器,用于从匹配的元素集合中筛选出符合条件的子集。这些选择器通常基于元素的位置、状态或内容进行过滤。 基本过滤选择器 :first 选择匹配…

jquery选择器有哪些

jquery选择器有哪些

jQuery 选择器分类 jQuery 选择器基于 CSS 选择器语法,扩展了更强大的元素筛选功能,主要分为以下几类: 基本选择器 ID 选择器:通过元素的 id 属性匹配单个元素。 示例:$("#…

jquery同级元素选择器

jquery同级元素选择器

jQuery 同级元素选择器 jQuery 提供了多种方法来选择同级元素,这些方法可以基于 DOM 结构快速定位目标元素。以下是常用的同级元素选择器及其用法: siblings() 方法 sibli…

jquery选择器name

jquery选择器name

jQuery 选择器通过 name 属性选取元素 在 jQuery 中,可以通过元素的 name 属性来选取 DOM 元素。以下是几种常用的方法: 使用属性选择器 通过 [name="value"]…

vue实现选择器

vue实现选择器

Vue 实现选择器的方法 在 Vue 中实现选择器可以通过多种方式完成,包括使用原生 HTML <select> 元素、第三方 UI 库或自定义组件。以下是几种常见方法: 使用原生 HT…