자바스크립트 모든 기능

| | | | | | | | | | | | | | | | | | | | | |

jQuery each ()는 DOM 요소를 반복하는 간결한 방법입니다. Each () 메서드는 대상 jQuery 객체에서 호출되도록 설계되었습니다. jQuery 객체는 하나 이상의 DOM 요소를 포함하고 jQuery 메서드에 액세스할 수 있는 객체입니다. 각 ()은 오류가 적을 뿐만 아니라 여러 DOM 요소를 더 쉽게 조작할 수 있습니다.

jQuery 각 ()에는 콜백 함수가 필요합니다. 함수는 나중에 실행될 다른 함수에 전달됩니다. 콜백 함수에서 요소의 인덱스 번호와 요소 자체에 대한 액세스가 있습니다. 콜백 함수에 대한 보다 완전한 분석을 찾을 수 있습니다.

각 ()을 적용하는 것은 다음과 같이 간단합니다. 모든 JavaScript 루프가 있지만 잠재적인 혼동의 여지가 거의 없습니다. 우리는 이러한 점을 명확히 하고 구문을 검토할 것입니다. 이 가이드의 마지막에는 jQuery each()를 적용하는 다양한 방법을 볼 수 있는 단계별 코드 예제가 있습니다.

jQuery each()란 무엇입니까?

jQuery는 각각 jQuery 라이브러리에 대한 루프 프로세스입니다. DOM 요소를 반복하여 JavaScript 루프처럼 작동합니다. jQuery each ()는 콜백 함수가 필요하며, 콜백 함수 내부는 DOM 요소를 조작할 수 있는 곳입니다.

콜백 함수의 본문 내부에 있는 동안 조건문은 선택한 항목 중 일부를 수정하는 데 사용됩니다. 조건문 은 ... JavaScript에서 그렇습니다. 이것은 항목이 어떻게 변경되는지에 대한 더 깊은 수준의 제어를 제공합니다.

구문 jQuery each()

jQuery 각각은 두 가지 방법으로 호출할 수 있습니다. 첫째, 선택한 항목에 대해 호출되는 메서드입니다. 콜백 함수는 최대 두 개의 선택적 인수인 인덱스와 값을 허용합니다. 인덱스는 현재 항목의 인덱스 번호입니다. 현재 요소가 목록의 첫 번째 요소인 경우 색인 번호는 0을 반환합니다.

값 인수는 현재 요소를 나타냅니다. 메서드를 값에 연결하려면 jQuery 선택기에서 값을 래핑해야 합니다. 구문 세부 사항을 분석할 수 있도록 이 모든 것을 추상 코드에 넣습니다.

여기서 각각을 선택합니다 < 페이지에서 div>를 클릭하고 스크롤합니다. 인덱스 위치와 현재 요소의 값에 액세스할 수 있습니다. 단순히 $(값)을 반환하면 두려운 [Object Object] 값을 얻을 수 있습니다.

[object Object]는 객체의 문자열 표현이라는 것을 기억하십시오. 이것은 우리가 원하는 정확한 값을 추출하기 위해 메소드를 호출해야 함을 의미합니다. 위의 경우, 우리는 text() 메서드를 사용하여 개체의 텍스트 속성을 표시합니다. [개체 개체]에 대해 자세히 알아보기 정확히 무엇을 반환했는지 알 수 있습니다.

위의 예는 인덱스 번호와 각

이렇게 작성하면 현재

가이드는 방향 함수의 세부 사항을 다룹니다.

jQuery 각각()의 예

위의 구문 예를 확장해 보겠습니다. 속성을 추가하고 다른 클래스에 속하는 색상 목록의 기본 HTML 렌더링부터 시작하겠습니다.

이렇게 하면 DOM의 모든 텍스트 요소가 만들어집니다. 먼저 다음을 사용하여 텍스트를 콘솔에 저장하는 것부터 시작하겠습니다. 방향 기능과 기존 기능.

요소의 텍스트만 반환됩니다.

결과는 같지만 this 키워드를 사용합니다.

익명 함수를 사용할 수 있습니다. 콜백과 같은 이름 없는 함수입니다. 다시 빨간색, 보라색 및 파란색 텍스트를 반환합니다. 지시 기능에 일부 jQuery 기능이 있더라도 jQuery 콜백에 대해 전통적인 기능 표기법을 사용하는 것이 좋습니다.

이제 기사 모음을 반복하는 방법을 알게 되었습니다. 이제 재미있는 색상과 변경을 해봅시다!

< 스타일> .colorSelect {색상: 파란색; } {.녹색 색상: 녹색; }

색상 목록 페이지에 이어