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