jQuery之CSS選擇符 - 大于號模式

　　建站學院文檔 在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個。

　　就是這么簡單，你明白了么？歡迎繼續閱讀建站學院的其他文章。