본문 바로가기

Dev/JQUERY

[jQuery] find 선택자

요즘 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');

같다.