jQuery기본教程

jQuery효과

eq() 메서드는 선택된 요소의 특정 인덱스 번호를 가진 요소를 반환합니다。

인덱스 번호는 항상 0에서 시작하므로 첫 번째 숫자는 인덱스 0을 가집니다(0이 아닌1)。

$(selector).eq(index)

세 번째 항목을 반환합니다(인덱스 번호2）：

예제

$("button").click(function(){
　　$("p").eq(2).css("background-color", "red");
});

두 번째 목록 항목을 반환합니다(인덱스 번호1）：

예제

$("button").click(function(){
　　$("li").eq(1).css("background-color", "red");
});

음수를 제공하여, 처음에서 시작하지 않고 끝에서 시작합니다:

예제

$("button").click(function(){
　　$("li").eq(-2).css("background-color", "red");
});

적절한 클래스를 추가하여, 인덱스가2의 span의 클래스 이름을 blue로 변경합니다:

예제

$("button").click(function(){
　　$("body").find("span").eq(2).addClass("blue");
});

매개변수	설명
index	요소의 위치를 나타내는 정수입니다. 주의:부정수를 사용하면 선택된 요소의 끝에서 시작하여, 처음에서 시작하지 않습니다.