jquery Ready()의 여러 구현 방법을 요약합니다.

다음은 제가 지금까지 알고 있는 jQuery의 여러 가지 작성 방법입니다. 다른 작성 방법이 있으면 알려주세요.

1 가장 일반적으로 사용되는 표준

코드는 다음과 같습니다.

$(

document).ready(){ });

2. 위의 약어입니다.

코드는 다음과 같습니다.

$(function(){

})

아주 이상해요? 이것이 가능한 이유는 무엇입니까? document

object가 reADy인지 확인한 후 function을 실행하는 것 아닌가요? jQuery의 소스 코드를 살펴보겠습니다.

코드는 다음과 같습니다.

//jQuery의

constructor; var jQuery = function( a, c ) {
// $(document).ready()의 약어는 $(function(){...})에서만 실행됩니다. if ( a && typeof a == "function" && jQuery.fn.ready )
return
jQuery(document).ready(a); // 매개변수 a가 비어 있지 않은지 확인하세요. 기본값은 document a입니다. = || jQuery.context || 문서

예! 찾았으니 $ 메소드의 매개변수를 살펴보겠습니다

$(selector,context)
첫 번째는 선택자, 두 번째는 컨테이너
입력하지 않으면 문서로 기본 설정됩니다

3. 알았어! 이 방법은 단지 재미를 위한 것임을 인정합니다

코드는 다음과 같습니다:

jQuery(document).ready(function(){

}) ($){

alert($("#ready1") .html());
});

네 번째 방법과 세 번째 방법에는 차이가 없나요? functIOn에 $ 매개변수를 전달했습니다. 네 번째 방법은 일반적으로 jQuery의 $와 다른 라이브러리 간의 충돌을 처리할 때 사용됩니다. jQuery.noConflect() 메서드를 통해 코드에서 이를 jQuery로 직접 대체할 수 있습니다. $를 사용하고 싶지만 $?를 사용하는 데 익숙합니다. 아래 코드를 보세요.

코드는 다음과 같습니다.

jQuery.noCon conflict()

jQuery(function($){
alert($( "#ready1") .html()); //$ 기호를 다시 사용할 수 있습니다
});

위 내용은 jquery Ready()의 여러 구현 방법을 요약합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!