Jquery选择器笔记

 

层次选择器

选择器	描述	返回	示例
$("ancestor descendant")	选取anceseter里面所有的descendant元素，也就是获取祖先的所有的后代	集合元素	$("div span") 选取div里面所有的span元素
$("parent>child")	选取parent里面所有的child元素，也就是获取父亲的所有的子女	集合元素	$("div > span") 选取div里面所有的span元素
$("pre + next")	选择紧接着pre后面的next的元素	一个元素	$(".one + div") 获取class值为one的下一个div（同辈元素）
$(".pre").next("div");	选择紧接着pre后面的next的元素	一个元素	$(".pre").next("div"); 获取class值为one的下一个div（同辈元素）
$("pre ~ siblings")	选择紧接着pre后面的next的元素	集合元素	$(".two ~ div") 获取class值为two的所有div（同辈元素）
$(".pre").nextAll(".siblings")	选择紧接着pre后面的siblings的元素	集合元素	$(".two").nextAll("div") 获取class值为two的所有div（同辈元素）