제이쿼리 each 예제

요소를 합사할 Java for-each 루프의 또 다른 루프를 살펴보겠습니다. 그러나 코드를 읽을 수 있으므로 배열 및 컬렉션의 요소를 트래버스하기 위해 Java for-each 루프를 사용하는 것이 좋습니다. 개체가 컬렉션으로 사용되는 경우 콜백은 매번 키-값 쌍을 전달합니다. 가능한 출력은 „div0:header“, „div1:body“, „div2:footer“입니다. 이 버전은 유틸리티 함수가 아닌 jQuery의 각() 함수를 사용합니다. 기억사항: $.each() 및 $(selector).each()는 두 가지 방법으로 정의된 두 가지 방법입니다. 배열의 배열, 개체의 개체, 개체의 배열 또는 배열의 개체와 같이 더 복잡한 데이터 구조가 있을 수 있습니다. jQuery.each()가 이러한 시나리오에서 어떻게 도움이 되는지 살펴보겠습니다. 콜백 함수를 false로 반환하여 특정 반복에서 $.each() 루프를 끊을 수 있습니다.

false가 아닌 반환은 for 루프의 continue 문과 동일합니다. 즉시 다음 반복으로 건너뜁니다. 다음 예제에서는 유틸리티 함수의 사용을 보여 주며 있습니다. 이 경우 루프오버할 개체가 첫 번째 인수로 지정됩니다. 이 예제에서는 배열을 반복하는 방법을 보여 주며 false 반환을 사용하여 각() 루프를 일찍 중단합니다. 각 숫자를 단어와 숫자로 표시하는 배열을 반복하는 이 예제에서는 아래 HTML에 지정된 할당된 클래스 productDescription을 사용하여 각 요소를 반복하는 방법을 보여 주었습니다. .each() 메서드는 DOM 루핑 구문이 간결하고 오류가 발생하기 쉽도록 설계되었습니다. 호출하면 jQuery 개체의 일부인 DOM 요소를 반복해서 합니다. 콜백이 실행될 때마다 0부터 시작하여 현재 루프 반복을 통과합니다. 더 중요한 것은 콜백이 현재 DOM 요소의 컨텍스트에서 발생하므로 키워드는 요소를 참조합니다. Java for-each 루프의 구문은 변수뒤에 콜론(:), 배열 또는 컬렉션이 있는 data_type으로 구성됩니다. jQuery 개체의 DOM 요소는 jQuery each() 내에서 사용될 때 다시 래핑되어야 합니다.

그 이유는 jQuery가 실제로 DOM 요소 배열을 둘러싼 래퍼일 뿐이기 때문입니다. jQuery each()를 사용하여 이 배열은 일반 배열과 동일한 방식으로 반복됩니다. 따라서 래핑된 요소를 상자에서 꺼내지 않습니다. 두 번째 예제에서는 웹 페이지의 모든 외부 href를 출력합니다(HTTP 프로토콜만 가정) : 우리는 가능한 한 jQuery.each() 함수를 최대한 활용해야 합니다. 그것은 매우 효율적이며 우리에게 시간의 힙을 절약 할 수 있습니다! jQuery 외부에서 생각하면 ECMAScript 5 배열의 forEach() 함수를 사용하는 것을 선호할 수 있습니다. 선택기에서 각() 메서드 대신 각() 도우미를 사용합니다. 이것은 jQuery.each() 함수에 대한 광범위한 개요입니다. 이 함수는 jQuery에서 가장 중요하고 가장 많이 사용되는 함수 중 하나입니다. 이 문서에서우리는 이유를 알아 내고 당신이 그것을 사용하는 방법을 확인하기 위해 세부 사항을 살펴 보겠습니다.

다음 예제에서는 사용자가 ID 5demo가 있는 요소를 클릭하면 모든 목록 항목이 즉시 주황색으로 설정됩니다. 인덱스 종속 지연 후 (0, 200, 400, … 밀리초)를 페이드 아웃합니다. $.each() 함수는 jQuery 개체를 통해 반복하는 데 사용되는 $(selector).each()와 동일하지 않습니다. $.each() 함수는 개체든 배열이든 모든 컬렉션을 반복하는 데 사용할 수 있습니다. 배열의 경우 콜백은 매번 배열 인덱스와 해당 배열 값을 전달합니다. 이 키워드를 통해 값에 액세스할 수도 있지만 Javascript는 간단한 문자열 이나 숫자 값인 경우에도 항상 이 값을 개체로 래핑합니다. 메서드는 첫 번째 인수인 반복된 개체를 반환합니다.

jQuery.each() 함수가 jQuery 개체와 함께 어떻게 도움이되는지 살펴보겠습니다. 첫 번째 예제에서는 페이지의 모든 요소를 선택하고 href 특성을 출력합니다.