jquery 选中
jQuery 选中元素的方法
jQuery 提供了多种方式来选中 DOM 元素,以下是一些常用的方法:
通过 ID 选中元素
使用 # 符号加上元素的 ID 来选中特定元素:
$('#elementId')
通过类名选中元素
使用 . 符号加上元素的类名来选中所有具有该类的元素:
$('.className')
通过标签名选中元素
直接使用标签名来选中所有该类型的元素:
$('div')
通过属性选中元素
使用属性选择器来选中具有特定属性的元素:
$('[attribute="value"]')
组合选择器
可以组合多种选择器来更精确地选中元素:
$('div.className')
jQuery 选中多个元素
jQuery 支持同时选中多个元素,只需用逗号分隔选择器:
$('div, p, .className')
jQuery 层级选择器
子元素选择器
使用 > 符号选中直接子元素:
$('parent > child')
后代元素选择器
使用空格选中所有后代元素:
$('parent child')
相邻兄弟选择器
使用 + 符号选中紧邻的下一个兄弟元素:
$('prev + next')
通用兄弟选择器
使用 ~ 符号选中后面的所有兄弟元素:

$('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
选中所有表单元素(包括 input、select、textarea 等):
$(':input')
:text、:password、:radio 等
选中特定类型的表单元素:

$(':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 选中元素的常见需求,可以根据具体情况灵活组合使用。






