WEB UIUX/jQuery
[jQuery]제이쿼리 탐색선택자(위치탐색선택자)
카이아
2022. 10. 20. 15:14
| # 위치탐색 선택자 | |
|
$("요소선택 :first") or $("요소선택").first()
|
전체요소중 첫번째 요소만 선택
|
|
$("요소선택 :last") or $("요소선택").last()
|
전체요소중 마지막 요소만 선택
|
|
$("요소선택 :odd")
|
요소무리중 짝수번째(홀수 인덱스)선택
|
|
$("요소선택 :even")
|
요소무리중 홀수번째(짝수 인덱스)선택
|
|
$("요소선택 :first-of-type")
|
요소무리중 첫번째 요소만 선택
|
|
$("요소선택 :last-of-type")
|
요소무리중 마지막 요소만 선택
|
|
$("요소선택 :nth-child(숫자)")
|
요소무리중 (숫자)번째 요소만 선택
|
|
$("요소선택 :nth-child(숫자n)")
|
요소무리중 (숫자의 배수)번째 요소만 선택
|
|
$("요소선택 :nth-last-of-type(숫자)")
|
요소무리중 마지막 위치로부터 (숫자)번째 요소만 선택
|
|
$("요소선택 :only-child")
|
부모요소내에 요소가 1개뿐인 요소만 선택
|
|
$("요소선택 :eq(index)") or $("요소선택").eq(index)
|
요소중 인덱스가 참조하는 요소를 불러옴(=인덱스번호에 해당하는 내용을 불러옴)
|
|
$("요소선택 :gt(index)")
// ex) $("li :gt(1)")
|
<li>요소중에 인덱스1보다 큰 인덱스가 참조하는 요소를 불러옴
|
|
$("요소선택 :lt(index)")
// ex) $("li :lt(1)") |
<li>요소중에 인덱스1보다 작은 인덱스가 참조하는 요소를 불러옴
|
|
$("요소선택").slice(index)
// ex) $("li").slice(2) |
<li>요소중 인덱스2부터 참조하는 요소를 불러옴
|