Dev/JQUERY
[jQuery] find 선택자
샤해
2013. 1. 15. 10:21
요즘 jQuery에 대해서 기본적인 기능들에 대해 배워나가다보니 직관적인 표현이 너무 맘에 든다..*_*
find는 '해당 노드의 하위구조만 검색하는 children'과는 다르게 '모든 노드에 대하여 선택자와 셀렉터에 맞게끔 찾아'준다.
<ul>
<li>안녕</li>
<li>하세요</li>
</ul
<ul class="eng">
<li>hello</li>
<li>hi</li>
</ul>
$('ul.eng').find('li'); //ul태그의 eng클래스를 가진 노드의 li태그를 찾아라!
좀 더 원형을 살린 방법으로는(find특유의!!)
$('html').find('ul.eng'); //html문서내의(정확히는 태그) eng클래스를 가진 ul태그를 찾아라!
몇번 써보면 children과의 차이점을 느낄 수 있다.
사족으로, jQuery를 만들때 find메소드는 선택자와 같이 만들었다고 한다.
즉,
$('html').find('ul.eng'); = $('ul.eng','html');
같다.