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(同辈元素)
if you don't try,you will never know!
原文地址:https://www.cnblogs.com/leeten/p/3477414.html