常用CSS选择器
选择器 |
jQuery |
返回 |
标签选择器 Element |
$(“tagName”) |
单个元素 |
ID选择器 #id |
$(“#ID”) |
集合元素 |
类选择器 .class |
$(“.demo”) |
集合元素 |
群组选择器 Selector1,selector2 |
$(“div,span,p,myClass”) |
集合元素 |
通配选择符 |
$(“*”) |
集合元素 |
jQuery基本选择器
选择器 |
jQuery |
返回 |
标签选择器 Element |
$(“tagName”) |
单个元素 |
ID选择器 #id |
$(“#ID”) |
集合元素 |
类选择器 .class |
$(“.demo”) |
集合元素 |
群组选择器 Selector1,selector2 |
$(“div,span,p,myClass”) |
集合元素 |
通配选择符 |
$(“*”) |
集合元素 |
层次选择器
选择器 |
jQuery |
返回 |
$(“ancestor descendant ”) |
$(“div span”)选取div中所有的span |
集合元素 |
$(“parent > child”) |
$(“div > span”)选取div元素下名为span的子元素 |
集合元素 |
$(“prev + next”) |
$(“.one + div”)选取class为.one的下一个div元素 |
集合元素 |
|
$(“.one + div”) |
$(“.one”).next(“div”) |
$(“prev ~ siblings”) |
$(“#two~div”)选取id为two的元素后面所有div兄弟元素 |
集合元素 |
|
$(“#prev~div”) |
$(“#prev”).nextAll(“div”) |