> 웹 프론트엔드 > JS 튜토리얼 > jquery Ready()_jquery의 여러 구현 방법 요약

jquery Ready()_jquery의 여러 구현 방법 요약

WBOY
풀어 주다: 2016-05-16 18:25:00
원래의
1196명이 탐색했습니다.
1. 가장 일반적으로 사용되는 표준
코드 복사 코드는 다음과 같습니다.
$ (document).ready(){
})

2 위의 약어입니다:
코드 복사 코드는 다음과 같습니다.
$(function(){
})

이상한? 이것이 가능한 이유는 무엇입니까? 문서 객체가 reADy인지 확인한 후 함수를 실행해야 하는 것 아닌가요? jQuery의 소스 코드를 살펴보겠습니다.
코드 복사 코드는 다음과 같습니다.
// jQuery 생성자
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(){ })


4.


코드 복사 코드는 다음과 같습니다.jQuery(function($){ alert($("#ready1").html());
});


네 번째 방법과 세 번째 방법에는 차이가 없나요? $ 대신 $를 사용하고 싶지만 $를 사용하는 데 익숙하다면 어떻게 해야 할까요? 다음 코드를 보세요:



코드 복사
코드는 다음과 같습니다.jQuery.noContribute() jQuery(function($){ alert($("#ready1 ").html()); //$ 기호를 다시 사용할 수 있습니다
});


위는 지금까지 제가 알고 있는 jQuery의 Ready()를 작성하는 여러 가지 방법입니다. 다른 글쓰기 방법도 있으니 알려주세요.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿