Jquery의 반복은 무엇을 의미합니까?

JQuery의 반복은 순회를 나타내며 명시적 반복과 암시적 반복으로 구분됩니다. 차이점은 명시적 반복이며 ".each()" 메서드는 일반적인 명시적 반복이며 jQuery 메서드는 현재 항목을 하나씩만 연산할 수 있습니다. 요소, 암시적 반복, jQuery 메서드는 현재 요소에 관계없이 (조건을 충족하는) 개체의 모든 요소에 대해 특정 작업을 한 번에 수행하고 한 번에 완료할 수 있습니다.

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

JQuery의 반복은 명시적 반복과 암시적 반복으로 구분되는 순회를 나타냅니다.

명시적 반복은 특정 jQuery 메서드가 현재 요소에 대해 하나씩 순서대로만 작동할 수 있음을 의미합니다.

암시적 반복은 특정 jQuery 메서드가 (조건을 충족하는) 개체의 모든 요소에 대해 특정 작업을 동시에 수행할 수 있으며 개체의 모든 요소가 아무도 모르게 처리될 수 있음을 의미합니다. 모든 작업을 한 번에 수행할 수 있기 때문에 현재 어떤 요소가 작업되고 있는지 알 수 없습니다.
스타일 반복의 예:

<ul>
<li>foo</li>
<li>bar</li>
</ul>
$( “li” ).addClass( “bar” );

이것은 암시적 반복입니다. 클래스 표시줄이 모든 li 요소에 동시에 추가되므로 현재 어떤 요소인지 신경 쓸 필요가 없습니다.
이 함수를 사용해도 명시적 반복을 사용하여 작성하려면 어떻게 작성해야 하나요?

$( “li” ).each(function() {
$( this ).addClass( “foo” );
});

li에 클래스를 하나씩 추가하세요. 이런 식으로 작성하면 기능을 얻을 수 있지만 분명히 더 장황하므로 권장되지 않습니다.
명시적 반복을 통해서만 작성할 수 있는 또 다른 예를 들어 보겠습니다. (HTML 부분의 코드는 위와 동일합니다.)

$( “li” ).each(function( index ) {
console.log( index + “: ” + $( this ).text() );
});

.each() 메서드는 일반적인 명시적 반복입니다. 먼저 선택기를 사용합니다. 모두 선택하기 li 요소는 객체를 형성하므로 객체는 다음과 같습니다(json 형식과 유사): [ { 0: li }, { 1: li } ] 각 객체에는 고유한 많은 속성도 있습니다...

.each() 메서드로 돌아갑니다. 첫 번째 li 요소가 순회되면 첫 번째 정보가 인쇄되고, 두 번째 li 요소가 순회되면 두 번째 정보가 인쇄됩니다. .each() 方法。当遍历到第一个li元素的时候，就打印第一条信息；遍历到第二个 li 的时候，再打印第二条信息。

再回顾一下刚才那一段代码：

$( “li” ).each(function( index ) {
console.log( index + “: ” + $( this ).text() );
});

index是一个形参，表示当前轮到的那个元素的下标。既然是形参，不用 index，用 i 也行。
那么问题来了：为什么这个function里写一个参数，这个参数就代表下标了呢？答案是：.each()

$(selector).each(function( index , element ){
//do something
})

그러면 질문이 생깁니다. 이 함수에 아래 첨자를 나타내는 매개변수가 왜 기록되어 있나요? 대답은 2개의 매개변수가 있는 .each() 메서드의 함수입니다.

$( “li” ).each(function( i,element ) {
console.log($(element));
console.log( i + “: ” + $(element).text() );
});

위 내용은 Jquery의 반복은 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!