2010年9月23日星期四

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”后面的兄弟元素

没有评论:

发表评论