JQuery_[위치기반 필터 선택자]

Selecter	Comment
:first	첫 번째 일치하는 엘리먼트를 선택
:last	마지막으로 일치하는 엘리먼트를 선택
:first-child	각 리스트의 첫 번째 리스트 아이템을 반환
:fast-child	각 리스트의 마지막 리스트 아이템을 반환
:only-child	부모의 형제가 없는 자식인 엘리먼트를 선택
:nth-child(n)	부모의 n번째 자식인 모든 엘리먼트를 선택
:even	짝수 번째 엘리먼트를 선택
:odd	홀수 번째 엘리먼트를 선택
:eq(n)	일치하는 n번 'index'의 엘리먼트를 선택
:gt(n)	n번 'index'를 포함하지 않고 이후의 엘리먼트와 일치하는 엘리먼트를 선택(큰)
:lt(n)	n번 'index'를 포함하지 않고 이전의 엘리먼트와 일치하는 엘리먼트를 선택(작은)

ex)

$(document).read(function() {

// id="el" 하위 li 태그 중 첫 번째 엘리먼트 선택

var el = $('#el > li:first');

el.css('color', 'red');

});

<div>

2-1-1

<ul id="el">

<li>2-1-1-1</li>

<li>2-1-1-2</li>

<li>2-1-1-3</li>

<li>2-1-1-4</li>

<li>2-1-1-5</li>

</ul>

</div>