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

　　建站學(xué)院文檔 在CSS的選擇符語法中有一個(gè)大于號，同時(shí)也被引用到j(luò)Query的選擇符語法中。我一直以來都沒有具體的弄清楚這個(gè)選擇符和空格選擇符之間的區(qū)別，下面通過一個(gè)小例子來學(xué)習(xí)一下，因?yàn)閖Query和CSS在這部分語法相近，所以就直接采用jQuery說明，更加直觀一些。

　　先看一下例子，很簡單的結(jié)構(gòu)：

以下為引用的內(nèi)容： <div id="test"> <div> <div>a</div> <div>b</div> <div>c</div> </div> <div> <div>d</div> <div>e</div> </div></div>對上面這段HTML，我們可以分別執(zhí)行下面兩條語句： alert($('#test>div').length); alert($('#test div').length);

　　第一條語句使用了大于號選擇符，代表在#test的第一級子元素中查找div元素，在這個(gè)例子中得出的結(jié)果就是2。

　　第二條語句使用了空格選擇符，代表在#test的所有級別的子元素中查找div元素，在這個(gè)例子中得出的結(jié)果就是7，既包括第一級子元素的2個(gè)，也包括第二級子元素的5個(gè)。

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