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
})

index는 형식 매개변수로, 현재 차례대로 있는 요소의 첨자를 나타냅니다. 형식 매개변수이므로 index가 필요하지 않고 i를 사용하면 된다.

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

.each 메소드는 다음과 같이 작성됩니다.

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

함수의 첫 번째 매개변수는 정수의 첨자이고, 두 번째 매개변수는 현재 읽은 요소를 반환하는 데 사용됩니다. 예를 들어, 지금 코드에서는 요소는 각 li를 반환합니다. 따라서 여전히 이전과 동일한 코드이므로 다음과 같이 작성할 수도 있습니다. 🎜🎜rrreee🎜 때로는 이 키워드를 사용하면 요소를 대체할 수 있기 때문에 요소를 작성하지 않습니다. this는 요소와 동일합니다. 마찬가지로 $(this)와 $(element)도 동일합니다. $() 선택기를 사용하여 이 요소 또는 요소 요소를 선택한 후 jQuery에서 제공하는 API를 사용하여 매우 편리하게 조작할 수 있습니다. 예를 들어 text() 메서드를 사용하여 요소의 텍스트 내용을 읽거나 CSS를 사용할 수 있습니다. () 스타일을 수정하는 방법입니다.

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