建站学院文档 在CSS的选择符语法中有一个大于号,同时也被引用到jQuery的选择符语法中。我一直以来都没有具体的弄清楚这个选择符和空格选择符之间的区别,下面通过一个小例子来学习一下,因为jQuery和CSS在这部分语法相近,所以就直接采用jQuery说明,更加直观一些。
先看一下例子,很简单的结构:
以下为引用的内容: <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个。
就是这么简单,你明白了么?欢迎继续阅读建站学院的其他文章。