Jquery選擇器是一個(gè)非常有用的工具,可以用于選擇DOM樹中的元素。但是在使用時(shí),我們可能會(huì)遇到一些問題,比如包含空格的選擇器。
在實(shí)際應(yīng)用中,我們會(huì)經(jīng)常遇到需要選擇某個(gè)元素的子元素,例如:
<div class="container"> <div class="menu"> <ul> <li><a href="#">首頁</a></li> <li><a href="#">新聞</a></li> <li><a href="#">產(chǎn)品</a></li> </ul> </div> </div>
如果我們想選擇class為container的div元素中ul元素中的li元素,我們可以使用以下選擇器:
$('.container ul li')
但是,如果ul元素的class為menu,選擇器就需要改變:
$('.container .menu ul li')
這時(shí)候,選擇器中就出現(xiàn)了空格,如果不加特殊處理,可能會(huì)出現(xiàn)意想不到的結(jié)果。因此,我們需要在選擇器中加上雙引號(hào),這樣選擇器就不會(huì)被解析成多個(gè)選擇器:
$('.container ".menu ul li"')
這樣,我們就可以正確選擇class為container的div元素中class為menu的ul元素中的li元素了。在使用含有空格的選擇器時(shí),一定要加上引號(hào),以免產(chǎn)生錯(cuò)誤。
上一篇jquery選擇器對象