[jQuery] .eq / .addClass

.eq 

.addClass 

---

jQuery 그냥 그때 그때 찾아가면서 사용했는데 ㅠㅠ 기억에 남는 게 없어서 기록을 계속 해본다.

 

.addClass ?

선택된 요소에 클래스를 추가. 

ex ) $('selector').addClass('클래스') 

<script>
$(function() {
	$('ul').addClass('highlight');
</script>
//함수가 실행될때 highlight 를 추가해준다.

 

 

.eq( ) ?

선택한 요소의 인덱스 번호에 해당하는 요소를 찾음.

 ex) $('selector').eq(숫자); 

 

1. 목록이 있는 페이지가 있다. 

<ul>
    <li> list 1 </li>
    <li> list 2 </li>
    <li> list 3 </li>
    <li> list 4 </li>
</ul>

2. .eq를 적용해서 변경한다.

$("li").eq(3).css("background-color", "black");

 

결과 

1

2

3

4 

인덱스 0번째 부터 시작해서 4번째 리스트의 background color는 black으로 변경된다. 

-(마이너스) 같은 경우에는 리스트의 끝에서 시작한다.

 

예를 들어 

$("li").eq(-3).css("background-color", "black");

결과

1

2

3

4