[JQUERY] jQuery를 - $ (문서) .ready와 $ (창) .load 사이의 차이점은 무엇입니까?

jQuery를 - $ (문서) .ready와 $ (창) .load 사이의 차이점은 무엇입니까?

해결법

1. ---

   1.$ (문서) .ready (함수 () { //이 실행는 HTML-문서를로드 할 때와 DOM이 준비 ( "문서 준비") CONSOLE.LOG; }); $ (창) .load (함수 () { 전체 페이지가 완전히로드 될 때 // 실행하는 모든 프레임을 포함하여, 개체 및 이미지 을 console.log ( "창이로드"); }); <스크립트 SRC = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">

   $ (문서) .ready (함수 () { //이 실행는 HTML-문서를로드 할 때와 DOM이 준비 ( "문서 준비") CONSOLE.LOG; }); $ (창) .load (함수 () { 전체 페이지가 완전히로드 될 때 // 실행하는 모든 프레임을 포함하여, 개체 및 이미지 을 console.log ( "창이로드"); }); <스크립트 SRC = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">

   쿼리 3.0 버전

   $(window).load(function() {});
   

   로 변경해야

   $(window).on('load', function (e) {})
   

   이들은 모두 동일합니다

   $(function(){
   }); 
   
   jQuery(document).ready(function(){
   });
   
   $(document).ready(function(){
   });
   
   $(document).on('ready', function(){
   })
   

2. ---

   2.DOM을가, 예를 준비 할 때 document.ready, 그것은 jQuery를 이벤트 실행됩니다 모든 요소는 반드시 모든 콘텐츠가 / 발견 사용하지만,하지 수 있습니다. 창로드 화재 이상 (또는 최악 / 실패한 경우에는 동시에) 그러한 이미지가로드된다. 당신은 예를 들어, 이미지 크기를 사용하는 경우에 따라서, 당신은 종종 대신를 사용하고 싶습니다.

   DOM을가, 예를 준비 할 때 document.ready, 그것은 jQuery를 이벤트 실행됩니다 모든 요소는 반드시 모든 콘텐츠가 / 발견 사용하지만,하지 수 있습니다. 창로드 화재 이상 (또는 최악 / 실패한 경우에는 동시에) 그러한 이미지가로드된다. 당신은 예를 들어, 이미지 크기를 사용하는 경우에 따라서, 당신은 종종 대신를 사용하고 싶습니다.

   또한 관련 질문을 읽어 .ready $ (창) .load ()와 $ (문서)의 차이 () 함수

3. ---

   3.JQuery와 API 문서에서

   JQuery와 API 문서에서

   두 번째 질문에 대한 답변 -

   당신이 어떤 충돌 모드에서 jQuery를 사용하지 않는 한 아니, 그들은만큼 동일하다.

4. ---

   4.이 세 가지 기능은 동일합니다.

   이 세 가지 기능은 동일합니다.

   $(document).ready(function(){
   
   }) 
   

   과

   $(function(){
   
   }); 
   

   과

   jQuery(document).ready(function(){
   
   });
   

   여기서 $는 $ = jQuery를 같은 jQuery를 정의하는 데 사용됩니다.

   이제 차이가 있다는 것입니다

   $ (문서) .ready DOM이로드 될 때 문서 구조가 준비되면이 발사 그래서, 해고의 jQuery 이벤트입니다.

   이벤트가 전체 콘텐츠를 한 후 해고 $ (창) .load 페이지가 포함 된 이미지, CSS 등처럼로드

5. ---

   5..ready $ (문서) ()와 $ (창) .load () 함수의 차이점은 코드가 내부 $ (창) .load () 전체 페이지 한 번 실행됩니다 (이미지, iframe을, 스타일 시트 등)가 포함되어 있다는 것입니다 모든 이미지 전에 문서 준비 이벤트가 발생하는 반면로드, iframe을 등로드하지만, 전체 DOM 이후 자체가 준비되어 있습니다.

   .ready $ (문서) ()와 $ (창) .load () 함수의 차이점은 코드가 내부 $ (창) .load () 전체 페이지 한 번 실행됩니다 (이미지, iframe을, 스타일 시트 등)가 포함되어 있다는 것입니다 모든 이미지 전에 문서 준비 이벤트가 발생하는 반면로드, iframe을 등로드하지만, 전체 DOM 이후 자체가 준비되어 있습니다.

   $(document).ready(function(){
   
   }) 
   

   과

   $(function(){
   
   });
   

   과

   jQuery(document).ready(function(){
   
   });
   

   위의 3 개 코드 사이의 차이가 없습니다.

   그들은 동일하지만, 다른 자바 스크립트 프레임 워크 바로 가기 이름과 같은 달러 기호 $를 사용하는 경우 당신은 갈등에 직면 할 수있다.

   jQuery.noConflict();
   jQuery.ready(function($){
    //Code using $ as alias to jQuery
   });
   

6. ---

   6.입니다 항상 유일한 HTML 페이지에서 실행할 준비 이벤트가 브라우저에로드되고 기능이 실행됩니다 .... 그러나로드 이벤트는 페이지의 브라우저에로드되는 모든 페이지 내용의 시간에 실행됩니다 ..... 우리가 JQuery와 스크립트에 noconflict () 메서드를 사용할 때 우리는 $를 사용하거나 jQuery를 할 수 ...

   입니다 항상 유일한 HTML 페이지에서 실행할 준비 이벤트가 브라우저에로드되고 기능이 실행됩니다 .... 그러나로드 이벤트는 페이지의 브라우저에로드되는 모든 페이지 내용의 시간에 실행됩니다 ..... 우리가 JQuery와 스크립트에 noconflict () 메서드를 사용할 때 우리는 $를 사용하거나 jQuery를 할 수 ...

7. ---

   7.

   $(document).ready(function(e) { 
       // executes when HTML-Document is loaded and DOM is ready  
       console.log("page is loading now"); 
   });
   
   $(document).load(function(e) { 
       //when html page complete loaded
       console.log("completely loaded"); 
   });
   

8. ---

   8.

   <script type = "text/javascript">
       //$(window).load was deprecated in 1.8, and removed in jquery 3.0
       // $(window).load(function() {
       //     alert("$(window).load fired");
       // });
   
       $(document).ready(function() {
           alert("$(document).ready fired");
       });
   </script>
   

   $(document).ready(function(){
   
   }) 
   //and 
   $(function(){
   
   }); 
   //and
   jQuery(document).ready(function(){
   
   });
   

from https://stackoverflow.com/questions/8396407/jquery-what-are-differences-between-document-ready-and-window-load by cc-by-sa and MIT license