jquery选择器（1）

（1）基本选择器

选择器

描述

示例

#id

根据给定的id匹配一个元素

$(‘#test’)

.class

根据给定的类名匹配元素

$(‘.test’)

element

根据给定的元素名匹配元素

$(‘p’)

*

匹配所有元素

$(‘*’)

slector1,selector2,...,selectorn

将每个选择器匹配到的元素合并后一起返回

$(‘div,span.p.test’)

（2）层级选择器

选择器

描述

示例

$(‘ancestor descendant’)

选取ancestor元素里的所有descendant(后代)元素

$(‘div span’)

$(‘parent>child’)

选取parent元素下的child(仅儿子辈)元素

$(‘div>span’)

$(‘prev+next’)

选取紧接在pre元素后的next（同辈，紧接）元素

$(‘.one+div’)选择class为one的下一个<div>同辈元素

$(‘prev~siblings’)

选取prev元素之后的所有siblings(同辈)元素

$(‘#prev~div’)

注意：

选择器

方法

等价关系

$(‘.one+div’)

$(‘.one’).next(‘div’);

等价关系

$(‘#prev~div’)

$(‘#prev’).nextAll(‘div’)

注意

方法$(‘#prev’).siblings()

可以匹配所有同辈元素，不分前后