jQuery 객체 데이터 캐싱에 대하여 Cache 원리 및 jQuery.data 상세 설명_jquery

aaaa

<script>$(document).ready(function( ){ <br>$("#test").click(function(){ <br>alert("JQUERY"); <br><br>var i=0; <br>$("#abc3") .each( function() { <br>alert( i);//1개만 출력합니다. <div id="abc3"> <br>}이 하나뿐이므로 <br>alert("-- --"); <br>var j=0; <br>$("div").each(function() { <br>alert( j);//각각 1, 2, 3을 출력합니다. three <div> 세 번 반복 <br>}) <br>}) <br></script> 이제 각 메소드의 구체적인 구현을 살펴보겠습니다. 다음과 같습니다:
jQuery.fn = jQuery.prototype = {
each: function( callback, args ) {
return jQuery.each( this, callback, args )
}
}

반환되는 것은 전역 Each 메소드이고 자체 jQuery 객체가 매개변수로 제공되는 것을 볼 수 있습니다. 전역 Each 메소드의 구체적인 구현은 다음과 같습니다.
// args는 다음과 같습니다. 내부 멤버에 대한 호출로 사용됨
each: function( object, callback, args ) {
var name, i = 0, length = object.length; // object가 jQuery 객체인 경우 길이는 비어 있지 않습니다.

if ( args ) {
if ( 길이 === 정의되지 않음 ) {
for ( 객체의 이름 )
if ( callback.apply( object[ name ], args ) == = false )
break;
} else
for ( ; i < length; )
if ( callback.apply( object[ i ], args ) === false )
break ;
// 다음은 호출할 클라이언트 프로그램입니다.
} else {
if ( length === undefine ) {
for ( name in object )
if ( callback.call( object[ name ], name, object[ name ] ) === false )
break
} else
// i는 인덱스 값을 나타내고, value는 DOM 요소를 나타냅니다.
for( var value = object[0];
i < length && callback.call( value, i, value ) !== false
value = object[ i] ){}
}

반환 객체
}



이제 우리는 ( var value = object[0]; i < length && callback.call( value, i, value ) !== false; value = object[ i] ){}; object[0]은 for 루프를 통해 jQuery 객체의 첫 번째 DOM 요소를 가져옵니다.
는 callback.call(value,i,value);을 통해 전체 jQuery 객체의 해당 DOM 요소를 순회합니다. 콜백 this 객체는 값 객체를 가리키며 두 개의 매개변수가 전달됩니다. i는 인덱스 값을 나타내고 value는 DOM 요소를 나타냅니다. 콜백은 function(index, elem) { }와 유사한 메서드입니다. 그래서 우리는 $("").each(function(index, elem){ });