[JQuery] element filtering method

탭 메뉴에서 반복문을 만들면서 배운 필터링 문법.
역시나 배운걸 검색하니 훨씬 방대한 내용이 나오는데
일단 내가 지금 사용해봤던 것들부터 정리하고, 차차 경험이 닿는대로 내용 추가 예정.

 

👀 .first() .last()

$('.tab-button').first().addClass('active');
첫번째 tab-button 요소를 선택해 클래스 추가

 

$('.tab-button').last().addClass('active');
마지막 tab-button 요소를 선택해 클래스 추가

 

👀 .eq()

$('.tab-button').eq(0).addClass('active');
0번째 tab-button 요소를 선택해 클래스 추가

 

$('.tab-button').eq(-1).addClass('active');
뒤에서 첫번째 tab-button 요소를 선택해 클래스 추가

 

• eq는 element queue의 약자이다.
• 첫번째 요소를 인덱스 0으로 놓고 앞에서부터 검색되며, 인덱스가 음수라면 맨 마지막 요소가 -1이 된다.

 

 

이 외에도
.filter() .not() .has() .is() .map() .slice()가 있는데, 천천히 알아보자 ㅋ

[참고글] http://www.devkuma.com/books/pages/224