当前位置:首页 > jquery

jquery 选中

2026-01-13 16:17:53jquery

jQuery 选中元素的方法

jQuery 提供了多种方式来选中 DOM 元素,以下是一些常用的方法:

通过 ID 选中元素
使用 # 符号加上元素的 ID 来选中特定元素:

$('#elementId')

通过类名选中元素
使用 . 符号加上元素的类名来选中所有具有该类的元素:

$('.className')

通过标签名选中元素
直接使用标签名来选中所有该类型的元素:

$('div')

通过属性选中元素
使用属性选择器来选中具有特定属性的元素:

$('[attribute="value"]')

组合选择器
可以组合多种选择器来更精确地选中元素:

$('div.className')

jQuery 选中多个元素

jQuery 支持同时选中多个元素,只需用逗号分隔选择器:

$('div, p, .className')

jQuery 层级选择器

子元素选择器
使用 > 符号选中直接子元素:

$('parent > child')

后代元素选择器
使用空格选中所有后代元素:

$('parent child')

相邻兄弟选择器
使用 + 符号选中紧邻的下一个兄弟元素:

$('prev + next')

通用兄弟选择器
使用 ~ 符号选中后面的所有兄弟元素:

jquery 选中

$('prev ~ siblings')

jQuery 筛选选中元素

:first:last
选中第一个或最后一个匹配的元素:

$('div:first')
$('div:last')

:eq()
选中指定索引位置的元素(从 0 开始):

$('div:eq(2)')

:even:odd
选中偶数或奇数位置的元素:

$('tr:even')
$('tr:odd')

:not()
选中不匹配指定选择器的元素:

$('div:not(.className)')

jQuery 表单元素选择器

:input
选中所有表单元素(包括 inputselecttextarea 等):

$(':input')

:text:password:radio
选中特定类型的表单元素:

jquery 选中

$(':text')
$(':radio')

:checked
选中所有被选中的复选框或单选按钮:

$(':checked')

:selected
选中所有被选中的下拉选项:

$(':selected')

jQuery 动态选中元素

.find()
在当前选中的元素内查找子元素:

$('parent').find('child')

.children()
选中当前元素的直接子元素:

$('parent').children('child')

.parent().parents()
选中当前元素的父元素或所有祖先元素:

$('child').parent()
$('child').parents('selector')

.siblings()
选中当前元素的所有兄弟元素:

$('element').siblings('selector')

jQuery 链式操作

jQuery 支持链式操作,可以在选中元素后直接调用其他方法:

$('div').addClass('className').css('color', 'red')

以上方法涵盖了 jQuery 选中元素的常见需求,可以根据具体情况灵活组合使用。

标签: jquery
分享给朋友:

相关文章

jquery 属性

jquery 属性

jQuery 属性操作 jQuery 提供了一系列方法来获取、设置和操作 HTML 元素的属性。以下是常用的属性操作方法: attr() 方法 用于获取或设置元素的属性值。获取属性时,传入属性名;设…

jquery 弹出

jquery 弹出

jQuery 弹出窗口实现方法 jQuery 可以通过多种方式实现弹出窗口效果,以下是几种常见的方法: 使用 jQuery UI Dialog jQuery UI 提供了一个 Dialog 组件,可…

jquery li

jquery li

jQuery 操作 <li> 元素的方法 jQuery 提供了多种方法来操作 HTML 中的 <li> 元素(列表项)。以下是常见的使用场景和示例: 选择 <li&…

jquery 特效

jquery 特效

jQuery 特效实现方法 jQuery 提供了丰富的特效方法,可以轻松实现动画、渐变、滑动等效果。以下是一些常见的 jQuery 特效实现方式: 淡入淡出效果 使用 fadeIn() 和 fade…

jquery 控件

jquery 控件

jQuery 控件概述 jQuery 控件是基于 jQuery 库开发的交互式 UI 组件,用于增强网页功能。这些控件通常提供表单元素、数据展示、导航等功能,简化开发流程。 常用 jQuery 控件…

jquery 3

jquery 3

jQuery 3 简介 jQuery 3 是 jQuery 库的主要版本更新,于 2016 年发布。它专注于现代化、性能优化和移除过时 API,同时保持向后兼容性。jQuery 3 分为两个分支:…