이 기사의 예에서는 jQuery 소스 코드 분석에서 jQuery.fn.each 및 jQuery.each의 사용법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.
예제부터 시작해 보겠습니다. 다음 코드의 기능은 선택한 각 div 요소에 빨간색 클래스를 추가하는 것입니다.
위에 사용된 .each는 jQuery.fn.each이며, jQuery.each를 통해 내부적으로 구현되어 있습니다
예 1:
페이지의 모든 div 요소에 빨간색 클래스 추가
페이지의 처음 5개 div 요소에 빨간색 클래스 추가
내부 소스 코드는 jQuery.each를 통해 구현됩니다. jQuery.each의 소스 코드에 대해 이야기해 보면, jQuery.fn.each의 소스 코드는 매우 간단합니다. >
jQuery.each:
1
1:97-97
또한 주의할 점이 두 가지 있습니다
위 예에서 이는 컬렉션의 요소, 즉 다음 valueOfElement입니다.
루프를 중단하려면 콜백에서 false를 반환하세요.
예제는 공식 웹사이트에서 직접 복사한 것이므로 그대로 사용하세요
정말 간단합니다. jQuery.each만 이해하면 별 문제 없습니다~
jQuery.extend 및 jQuery.fn.extend와 동일하지만 jQuery.each 및 jQuery.fn.each의 코드는 매우 간단하지만 이 두 가지 방법은 jQuery에서 널리 사용됩니다. 예:
이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다.