jquery는 eq 메서드를 지원하지 않나요?-프런트엔드 Q&A-php.cn

jquery는 eq 메서드를 지원하지 않나요?

WBOY

풀어 주다： 2022-06-24 17:22:13

원래의

1423명이 탐색했습니다.

jquery는 eq 메소드를 지원합니다. 이 메소드는 선택한 요소의 인덱스 번호가 0부터 시작하고 구문은 "element object.eq(index)"입니다. 메소드에서 요소의 인덱스를 지정합니다. 정수 또는 음수로 설정할 수 있습니다. 매개변수가 음수로 설정된 경우 선택한 요소의 끝부터 인덱스가 계산됩니다.

jquery는 eq 메서드를 지원하지 않나요?

이 튜토리얼의 운영 환경: Windows 10 시스템, jquery 버전 3.6.0, Dell G3 컴퓨터.

jquery는 eq 메소드를 지원합니다.

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

인덱스 번호는 0부터 시작하므로 첫 번째 요소의 인덱스 번호는 0(1이 아님)입니다.

Syntax

$(selector).eq(index)

로그인 후 복사

매개변수 설명

index 필수입니다. 요소의 인덱스를 지정합니다. 정수 또는 음수가 될 수 있습니다.

참고: 음수를 사용하면 선택한 요소의 끝에서부터 색인이 계산됩니다.

예:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/jquery.min.js"></script>
    <script>
        $(function () {
            $("li").eq(3).css("color", "red");
        })
    </script>
</head>
<body>
    <ul>
        <li>HTML</li>
        <li>CSS</li>
        <li>JavaScript</li>
        <li>jQuery</li>
        <li>Vue.js</li>
    </ul>
</body>
</html>

로그인 후 복사

미리보기 효과는 그림과 같습니다

jquery는 eq 메서드를 지원하지 않나요?

eq() eq() 메소드의 첨자는 0부터 시작하고, 첫 번째 li 요소의 첨자는 0이며, 첨자는 두 번째 li 요소는 1,...이고, n번째 요소의 첨자는 n-1입니다. 따라서 $("li").eq(3)은 4번째 li 요소를 선택한다는 의미입니다.

$("li").eq(3).css("color", "red");

로그인 후 복사

사실 eq() 메서드는 :eq() 선택기와 매우 유사합니다. 위 코드는 다음과 동일할 수 있습니다.

$("li:eq(3)").css("color", "red");

로그인 후 복사

친구들은 "분명히 :eq( ) 선택기가 있는데 왜 해야 합니까?"라고 묻습니다. eq() 메서드를 만들어야 하나요? "사실 선택기의 형태는 고정되어 있어서 어떤 경우에는 효과가 좋지 않을 수도 있는데, 필터링 방법을 사용하면 좀 더 유연하게 작업할 수 있습니다. 요소. 즉, 필터링 방법은 실제로 선택기의 보충입니다

추천 비디오 튜토리얼:jQuery 비디오 튜토리얼

위 내용은 jquery는 eq 메서드를 지원하지 않나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!