이 jQuery ready 기능들의 차이점은 무엇입니까?

이 jQuery ready 기능들의 차이점은 무엇입니까?

와 무엇이 다른가

$(function(){

}); 

그리고.

$(document).ready(function() { 

});

아무것도 아닙니다.

이 함수는 $(문서)와 같이 동작합니다.다른 $($)를 포장하는 데 사용해야 한다는 점에서 준비된 (),

소스 코드에서 확인할 수 있습니다.

rootjQuery = jQuery(document);

...

} else if ( jQuery.isFunction( selector ) ) {
    return rootjQuery.ready( selector );
}

} else if (jQuery.isFunction(selector)) {
    return rootjQuery.ready(selector);
}

출처:

부르기$(document).ready(selector)if 문을 저장합니다.

jQuery가 캐시를 하지만$(document)내부적으로 만들어 낼 수 있는$(f)빠른.

벤치마크됨

둘 다 동치입니다. 첫 번째는 속기 형식입니다.

$(함수 (){})은 돔 준비를 위한 바로 가기입니다.

jQuery 생성자에게 인수로 전달된 함수는 문서 준비 이벤트에 바인딩됩니다.

이 글을 읽어보시기를 권합니다.당신이 볼 수 있듯이.

다음 세 가지 구문은 모두 동일합니다.

$(document).ready(handler)

$().ready(handler) (this is not recommended)

$(handler)

그러므로 그것은 당신과 당신이 원하는 것에 달려있습니다.

이 두 가지는 정확히 동등합니다. 원하는 양식을 사용하세요.

그렇기는 하지만 개인적으로 항상 확장된 형태를 사용합니다.$(document).ready(function(){});코드가 무엇을 하고 있는지 완전히 명백하다는 단순한 이유 때문입니다.대략적인 아이디어는 "자체 문서화 코드"입니다.나중에 코드로 오는 사람은 즉시 코드가 실행된다는 것을 알 수 있습니다.document의ready이벤트. 숏핸드 폼에서는 코드를 읽는 독자가 의미를 이해하는 것에 의존해야 합니다.

IE9가 $(함수() {}) 내에서 $(문서)와 동일한 방식 또는 타이밍으로 함수를 실행하지 않는 상황에 직면했습니다.준비 완료(기능 (){});

이 문제는 특히 쿼리 문자열에서 정보를 읽고 해당 정보를 처리하여 화면에 표시하거나 양식을 처리하는 데 사용할 때 우리를 위해 머리를 들었습니다.IE9는 $(function())로 캐시되고 사용자가 페이지를 새로 고치면 정보를 처리합니다.하지만 처음에는 제대로 된 게 없었어요.그러나 일단 $(함수(){});에서 $(문서)로 전환하면 됩니다.ready (), 문제가 해결되었습니다.우리는 다른 것을 바꾸지 않았습니다.

IE9 이하 테스트를 하지 않아도 될 날이 너무 기대됩니다.

그들은 사실상 똑같습니다.별반 다르지 않습니다.

---

이것이 토종 방법입니다.

$(document).ready(function() {
    // code
});

그리고 이것은 이전의 것의 축약어입니다.

$(function() {
    // code
});

jQuery 소스 코드

사용합니다.$(function() {});더 짧으니까요.제가 알기로는 그 두 가지 방법 사이에 차이가 없습니다.

는 jQuery를 을 권장합니다.$( fn ).

$(document).ready(function() {});아니면$(document).on("ready", fn);문서가 준비되었을 때 함수가 호출되지만 브라우저가 자체 DOM ContentLoaded 이벤트를 실행하기 전에 첨부된 경우에만 함수가 호출됩니다.따라서 페이지 로드 후 jQuery 또는 해당 플러그인이 비동기적으로 로드되는 많은 용도에서는 신뢰할 수 없습니다.

자세한 정보는 jquery-migrate를 확인해보세요.

언급URL : https://stackoverflow.com/questions/2662778/what-is-the-difference-between-these-jquery-ready-functions