jQuery 层次选择器

层次选择器：
  层次选择器是通过元素之间的层次关系来获取特定的元素，如后代元素、子元素、相邻元素、和兄弟元素等
  后代元素
   ancestor descendant
   获取ancestor<祖先>下的descendant<后代>元素<不分级，只要在ancestor里面就行>
   集合元素
   $("div span")选取div里面的所有span元素
  子元素
   parent > child
   获取parent<父>下的child<子>子代元素<分级，只能在parent的下面是他的子元素>
   集合元素
   $("div > span")选取div下元素名称为span的子元素
  相邻元素
   prev + next
   选取紧接在prev元素后的next元素
   集合元素
   $(.one + div)选取class为one的下一个div元素
  兄弟元素
   prev~siblings
   选取prev元素后面的所有siblings元素
   集合元素
   $("#two~div")选取id为two的元素后面的所有div兄弟元素
 PS：$("prev + next")可以用next()代替
   $("prev ~ siblings")可以用nextAll()代替
   $("prev ~ siblings")和siblings()的区别是siblings()获取所有的兄弟元素，不分先后；
      $("prev ~siblings")要求是指定元素“prev”后面的兄弟元素