$ .Each :이 방법은 배열 및 객체를 포함하여 모든 컬렉션을 반복하는 데 사용됩니다.
$ (selector) .Each :이 방법은 jQuery 객체를 가로 지르는 데 사용됩니다
구문 : $ .Each (OBJ, Callback, Args)
① 배열을 통해 전송합니다
var arr = [ "a", "b", "c", "d",…];
$ .Each (Arry, 기능 (색인, 값) {…})
콜백 함수에서 : 색인은 배열의 인덱스를 나타내고 값은 배열의 값을 나타냅니다.
JSON 개체를 전송합니다
var json = {key1 : value1, key2 : value2, key3 : value3}
$ .Each (JSON, 기능 (키, 값) {…})
콜백 함수에서 : 키는 JSON 객체의 키를 나타냅니다. 값은 JSON 객체의 값을 나타냅니다.
jQuery 객체를 통한 여행
var doms = $ ( "div"); // jQuery 객체 자체는 컬렉션이며 jQuery 객체는 색인을 통해 DOM 객체로 변환 할 수 있습니다.
$ .Each (doms, function (index, value) {..})
콜백 함수에서 : index는 jQuery 객체의 인덱스를 나타내고, 값은 jQuery 객체의 dom 객체를 나타내고, 동일한 dom 객체를이를 통해 얻을 수 있습니다.
$ ( "div") 인 way를 쓰는 또 다른 방법이 있습니다. 각 (함수 (index, value) {…})
$ .Each 메소드의 경우 콜백 함수에서 False를 반환하여 루프를 종료 할 수 있습니다. Return True가되면 For Loop의 계속과 같습니다.
질문 : 왜 $ ()에있는 이유. 각 콜백 함수는 jQuery 객체가 아니라 dom 객체
$ ()의 본질은 $ .Each를 호출하여 구현되므로 $ .Each 소스 코드를 분석하여 Code Code Collect.Apply (Object [i ++], args)를 볼 수 있습니다.
$ ()로 전달 된 객체의 경우 각각 객체 [i ++]는 jQuery 객체를 DOM 객체로 변환 한 다음 적용 메소드에 따라 객체의 특성을 납치 한 다음 콜백 함수의 콜백 객체로 변경됩니다.
우리는 종종 jQuery 플러그인 에서이 글쓰기 방법을 본다. 위의 분석을 통해 이해해야한다고 생각합니다.
$ .fn.test = function (옵션) {return this.each (function () {// jQuery 객체 알림 (this); // 돔 개체})}}위의 기사에는 $ .Each 및 $ (선택기)에 대한 깊은 이해가 있습니다. 각은 내가 공유하는 모든 콘텐츠입니다. 나는 그것이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.