[jQuery] Seletor에서 스페이스(" ")와 꺽쇠(">") 의 차이

$("#menu li") 는 #menu 안에 있는 모든 li를 가리키고

$("#menu > li") 는 #menu 바로 아래의 li만 가리킨다.

 

즉

 

<ul id=menu><li>이거</li></ul>

같은 경우라면 아래 코드가 사용 가능 하지만

 

<div id=menu><ul></li>이거</li></ul></div>

같은 경우엔 아래 코드를 사용하면 li 가 선택되지 않는다.