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>
'공부 > JQuery' 카테고리의 다른 글
| JQuery_[ input type="text" 입력시 3자리 콤마 자동찍기 ] (0) | 2015.03.17 |
|---|---|
| JQuery_[상태 필터 선택자] (0) | 2015.01.29 |
| JQuery_[ $.param() / serialize() ] (0) | 2014.08.26 |
| JQuery_[ Scroll 이벤트 ] (0) | 2014.08.25 |
| JQuery_[ $.extend() ] (0) | 2014.08.25 |