jQuery选择器之层级选择


  • 添加的版本: 1.0jQuery( "parent > child" )  描述: 选择所有指定“parent”元素中指定的"child"的直接子元素。

    parent: 任何有效的选择器。

    child: 用来筛选子元素的选择器。

作为一个CSS选择器,这个子元素组合器被Safari, Firefox, Opera, Chrome, 和 Internet Explorer 7 及以上版本等现代浏览器支持,但尤其不被Internet Explorer6及以下版本支持。然而在jQuery中,这个选择器(与其他所有选择器)能在所有支持的浏览器中工作,包括IE6。

这个子元素组合器(E > F)和(E F)都作为后代组合,但是他们有所不同,更具体的是(E > F)它只会选择第一级的后代。

blob.png


  • 添加的版本: 1.0jQuery( "ancestor descendant" )  描述: 选择给定的祖先元素的所有后代元素。

    ancestor: 任何有效的选择器。

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

一个元素的后代可能是该元素的一个孩子,孙子,曾孙等。

blob.png


  • 添加的版本: 1.0jQuery( "prev + next" )   描述: 选择所有紧接在 “prev” 元素后的 “next” 元素

    prev: 任何有效的选择器。

    next: 用于筛选紧跟在 "prev" 后面的元素的选择器。

其中重要的一点既要考虑下一个相邻兄弟选择器( prev + next )和一般兄弟选择器( prev ~ siblings )所选择到的元素,必须在同一个父元素下。

blob.png


  • 添加的版本: 1.0jQuery( "prev ~ siblings" ) 

  • 描述: 匹配 “prev” 元素之后的所有 兄弟元素。具有相同的父元素,并匹配过滤“siblings”选择器。

    prev: 任何有效的选择器

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

(prev + next) 和 (prev ~ siblings)之间最值得注意的不同点是他们各自的可及之范围。前者只达到紧随的同级元素,后者扩展了该达到跟随其的所有同级元素。

blob.png


整理自中文文档:http://www.css88.com/jqapi-1.9/child-selector/

版权及转载说明

本站原创、转载文章欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区

本站转载文章版权归原作者所有,如发现本站文章涉嫌侵权请点击「联系我们」反馈,本站将立即给予删除

转载请注明:文章转载自:全分享社区 「http://www.aweb.cc

本文标题:jQuery选择器之层级选择

本文地址:http://www.aweb.cc/article/detail/id/383.html

jQuery选择器之基本选择 <<上一篇