jQuery之CSS选择符 - 大于号模式

2010-06-10 15:32:41 by 【6yang】, 296 visits, 收藏 | 返回
摘要: 先看一下例子,很简单的结构:以下为引用的内容:<divid="test"><div><div>a</div><div>b...

先看一下例子,很简单的结构:

以下为引用的内容:
<div id="test"> <div> <div>a</div> <div>b</div> <div>c</div> </div> <div> <div>d</div> <div>e</div> </div></div>对上面这段HTML,我们可以分别执行下面两条语句: 
alert($('#test>div').length); 
alert($('#test div').length);


  第一条语句使用了大于号选择符,代表在#test的第一级子元素中查找div元素,在这个例子中得出的结果就是2。 

  第二条语句使用了空格选择符,代表在#test的所有级别的子元素中查找div元素,在这个例子中得出的结果就是7,既包括第一级子元素的2个,也包括第二级子元素的5个。 

分享到:
share

    图片原图

    loading

    loading