반응형
SMALL
제이쿼리 필터링 선택자
제이쿼리 요소를 선택 한 후 필터링 하기 위해 제이쿼리에서 제공하고 있는 메서드를 이요하여 요소를 지정할 수 있다.
.first() | $("#selector").first() | 첫번째 요소 선택 |
.last() | $("#selector").last() | 마지막 요소 선택 |
.eq() | $("#selector").eq(index) | 선택된 요소 중에서 index에 해당하는 요소 선택 |
.filter() | $("#selector").filter([selector]) | 선택된 요소 중에서 해당요소가 있으면 해당요소를 선택 |
.not() | $("#selector").not( [selector] ) | 선택된 요소 중에서 해당 요소가 있으면 해당 요소를 제외한 나머지 요소 선택 |
.has() | $("#selector").has( [selector] ) | 선택된 요소 중에서 해당 요소가 자식으로 되어 있으면 해당 요소 선택 |
.is() | $("#selector").is( [selector] ) | 선택된 요소 중에서 해당 요소가 있으면 true 값을 반환 |
.slice() | $("#selector").slice(index,index) | 선택된 요소 중에서 index 범위에 해당하는 요소 선택 |
예시
- .eq() 함수 사용
<div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
</div>
<script type="text/javascript">
$("li").eq(2).css("color","red");
</script>
결과 : <li>3</li> -> color : red
반응형
LIST
'퍼블리싱 > J-query' 카테고리의 다른 글
제이쿼리 Ajax 사용법에 대해 알아보자 (0) | 2022.01.30 |
---|---|
제이쿼리 이벤트(Event) 종류에 대해 알아보자 (0) | 2022.01.30 |