jquery层级选择器

1. Child Selector(“parent > child”)子元素选择器

描述：选择指定“parent”元素中指定的“child”的直接子元素（选择父级元素中直接的子元素）

语法：$(“parent > child”)

注：

    parent：任何有效的选择器

    child：用来筛选子元素的选择器

2. descendant selector（后代选择器）

描述：选择给定的祖先元素的所有后代元素（选择父级元素中所有的子元素）

语法：$(“ancestor descendant”)   -> 其实就是上面parent>child去掉“>”而已

注：

    ancestor：任何有效的选择器

    descendant：一个用来筛选后代元素的选择器

3. next adjacent selector(“prev + next”)相邻选择器

描述：选择所有紧接在“prev”元素后的“next”元素

语法：$(“prev + next”)

注：

    prev：任何有效的选择器

    next：用于筛选紧跟在“prev”后面的元素的选择器

4. Next Siblings Selector(“prev~siblings”)

描述：匹配“prev”元素之后的所有兄弟元素（也就是只有兄弟关系没有父子关系）。具有相同的父元素，并匹配过滤“siblings”选择器

语法：$(“prev~siblings”)

注：

    prev：任何有效的选择器

    siblings：一个选择器来过滤第一选择器以后的兄弟元素

（prev + next）和（prev~siblings）之间最需要注意的不同点是各自的可及范围。（prev + next）只达到紧随的同级元素，（prev~siblings）则达到了跟随其所有的同级元素