[jQuery] 자식 및 하위 태그 모두에서 찾는 .find()

 . find() 

•  선택된 요소 집합에서 선택자
•  매개변수 :  selector(#id, .class), jQuery객체, element
• . find()와. children() 함수는 비슷하지만 다르다.
• . find() : 자식 및 하위 태그 모두 찾을 때
• . chilidren() : 바로 아래 요소, 자식 요소만 찾을 때 

<ul>
    <li>
    	<span>1</span>
    </li>
    <li>
    	<span>2</span>
    </li>
    <li>
    	<span>3</span>
    </li>
</ul>

$('ul').find('span'); //span 모두 
$('ul>li:eq(0)').children('span'); //첫번째 span을 찾을때 (자식요소)
$('ul').find('span:eq(2)');  //세번째 span을 찾을때 (자식 및 하위 태그 모두)

 

 

$('ul').find('span:eq(2)').css('color', 'red'); 색상을 넣어 테스트. 3번째 span을 가져온다.