체이닝
- 한 줄로 서로 다른 문서 객체에 스타일 적용 가능
- 체이닝은 문서 객체를 점점 좁게 선택해야 한다.
- 체이닝 시 추가한 filter() 메서드를 제거한다.
$(document).ready(function(){
$('h3').css('background','orange').filter(':even').css('color','red');
});
end()
$(document).ready(
function(){
$("h5").filter(":even").filter(":odd").css("color","red")
.end().css("color","blue");
//한단계 전으로 돌려감 (4개중에 짝수녀석들 고르고 그 중에 홀수를 고른
//상태에서 이전 상태로 돌아가고 그 녀석을 블루로 바꿈)
});
특정 위치의 문서 객체 선택
필터 선택자 이용
- 특정 위치에 존재하는 문서 객체 선택
- 필터 선택자는 자주 사용하므로 메서드로 제공
- eq() → 특정 위치에 존재하는 문서 객체를 선택
- first() → 첫 번째에 위치하는 문서 객체를 선택