当前位置:首页 > 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 选择作为唯一子元素的元素

分享给朋友:

相关文章

jquery的选择器

jquery的选择器

jQuery 选择器基本语法 jQuery 选择器基于 CSS 选择器语法扩展,用于快速定位 DOM 元素。基本语法为 $("selector") 或 jQuery("selector"),返回匹配元…

jquery元素选择器

jquery元素选择器

jQuery 元素选择器 jQuery 提供了多种选择器来选取 DOM 元素,以下是常见的几种方法: 基本选择器 $("tagName"):选取所有指定标签的元素,如 $("div") 选取所有…

jquery属性选择器

jquery属性选择器

jQuery 属性选择器概述 jQuery 属性选择器允许通过 HTML 元素的属性或属性值进行筛选和操作。这些选择器基于 CSS 属性选择器的语法扩展,支持更灵活的匹配方式。 常用属性选择器语法…

jquery类选择器

jquery类选择器

jQuery 类选择器基本语法 使用 jQuery 选择类名为 example 的所有元素,语法为: $(".example") 此语法类似于 CSS 的类选择器,返回包含所有匹配元素的 jQu…

jquery过滤选择器

jquery过滤选择器

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

jquery选择器有哪些

jquery选择器有哪些

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