用jQuery查找元素
问题:用jQuery查找元素。
回答:
-
使用选择器方法:
- 使用标签选择器:
$('标签名') - 使用类选择器:
$('.类名') - 使用ID选择器:
$('#元素ID') - 使用属性选择器:
$('[属性名=属性值]') - 使用组合选择器:
$('选择器1, 选择器2')
- 使用标签选择器:
-
使用层级关系:
- 选择父元素下的子元素:
$('父元素').find('子元素') - 选择某个元素的直接子元素:
$('父元素 > 子元素') - 选择某个元素的兄弟元素:
$('元素 + 兄弟元素')或者$('元素 ~ 兄弟元素')
- 选择父元素下的子元素:
-
使用过滤器:
- 使用:first选择器,选择第一个匹配的元素:
$('选择器:first') - 使用:last选择器,选择最后一个匹配的元素:
$('选择器:last') - 使用:eq选择器,选择第n个匹配的元素,n从0开始:
$('选择器:eq(n)') - 使用:not选择器,选择不符合条件的元素:
$('选择器:not(条件)') - 使用:even选择器,选择偶数位置的元素:
$('选择器:even') - 使用:odd选择器,选择奇数位置的元素:
$('选择器:odd') - 使用:contains选择器,选择包含特定文本的元素:
$('选择器:contains(文本)')
- 使用:first选择器,选择第一个匹配的元素:
-
使用jQuery扩展选择器:
- 使用:has选择器,选择含有特定子元素的元素:
$('选择器:has(子元素选择器)') - 使用:animated选择器,选择当前正在执行动画的元素:
$('选择器:animated') - 使用:empty选择器,选择没有子元素或者没有文本的元素:
$('选择器:empty') - 使用:siblings选择器,选择兄弟元素:
$('选择器:siblings') - 使用:not(:empty)选择器,选择有文本的元素:
$('选择器:not(:empty)')
- 使用:has选择器,选择含有特定子元素的元素:

浙公网安备 33010602011771号