jquery는 eq 메서드를 지원하지 않나요?
- WBOY원래의
- 2022-06-24 17:22:131413검색
jquery는 eq 메소드를 지원합니다. 이 메소드는 선택한 요소의 인덱스 번호가 0부터 시작하고 구문은 "element object.eq(index)"입니다. 메소드에서 요소의 인덱스를 지정합니다. 정수 또는 음수로 설정할 수 있습니다. 매개변수가 음수로 설정된 경우 선택한 요소의 끝부터 인덱스가 계산됩니다.
이 튜토리얼의 운영 환경: 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>미리보기 효과는 그림과 같습니다
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!