层级选择器
除了基本的选择器外,JQuery的层级选择器更加灵活,也更强大。
因为DOM的结构就是层级结构,所以我们经常要根据层级关系进行选择。
ancestor descendant --> 在ancestor元素下匹配所有的后代元素descendant
$("form input"); // 选择form所有input后代
parent > child --> 在指定父元素下匹配所有的子元素
$("form>input"); // 选择form的下一级所有的input
prev + next --> 匹配所有紧挨着在 prev 元素后的 next 元素
$("label+input"); // 匹配所有label的兄弟节点input