본문 바로가기

퍼블리싱/J-query

제이쿼리 필터링 선택자

반응형
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