JQuery onload 및 Ready_jquery의 개념 및 사용법 소개

페이지가 로드될 때 두 가지 이벤트가 있습니다. 하나는 문서 구조가 로드되었음을 나타내는 준비입니다(이미지와 같은 텍스트가 아닌 미디어 파일 제외). 다른 하나는 이미지를 포함한 페이지의 모든 요소를 ​​나타냅니다. 및 기타 파일이 로드되었습니다. (즉, onload 전에 Ready가 로드됩니다!!!)
이미지 크기 제어와 같은 일반적인 스타일 제어는 onload에 로드됩니다.

JS 이벤트 트리거 방법은 Ready에 로드될 수 있습니다. 🎜>jQ를 사용하는 많은 사람들이 스크립트 작성을 다음과 같이 시작합니다.
일반적인 작성 방법

코드 복사 코드는 다음과 같습니다. :

$(function(){
// do Something
})

사실 jq Ready()의 약어입니다. , he etc. 가격:

코드 복사 코드는 다음과 같습니다:

$( document).ready(function( ){
//do Something
})

도 jQuer의 기본 매개변수는 "document"입니다. 🎜>

코드 복사 코드는 다음과 같습니다.

$().ready(function(){

//뭔가를 하세요
})


$(document).Ready() 메서드 VS OnLoad 이벤트 VS $(window).load() 메서드

가장 먼저 해야 할 일은 일반적으로 JQuery를 접할 때 이벤트를 시작할 때를 배웁니다. 오랫동안 페이지가 로드된 후 트리거된 이벤트는 "Body"의 Onload 이벤트에 로드되었습니다.
Body 및 JQuery의 Ready 메서드의 Onload 이벤트와 비교하면 다음과 같은 단점이 있습니다.
여러 함수를 로드할 때 발생하는 문제
■

이것은 Onload 이벤트에서만 로드할 수 있습니다. ...
■JQuery에서는 JQuery.Ready() 메소드를 여러 개 사용할 수 있는데, 순서대로 실행됩니다.
코드와 내용이 분리되지 않습니다
이건 말할 것도 없이 정말 역겨운 일입니다. - .-!!◦ 실행 순서가 다릅니다
■ Body.Onload 이벤트의 경우 모든 페이지 콘텐츠가 로드될 때까지 실행되지 않습니다. 즉, 사진, 플래시 등을 포함한 모든 콘텐츠를 의미합니다. 페이지에 콘텐츠가 많으면 사용자가 오랫동안 기다리게 됩니다.
■ $(document).ready() 메서드의 경우 이 메서드는 페이지의 모든 DOM이 로드된 후에만 트리거됩니다. , 이는 의심할 여지 없이 웹페이지 속도를 크게 향상시킵니다.

그러나 사진 확대/축소 및 사진 자르기와 같은 일부 특수 응용 프로그램의 경우. 웹 페이지의 모든 콘텐츠가 로드된 후에 실행해야 합니까? $(window).load() 메서드를 사용하는 것이 좋습니다. 이 메서드는 페이지의 모든 콘텐츠가 로드될 때까지 실행되지 않으며 OnLoad 이벤트의 단점이 없습니다. >

코드 복사

코드는 다음과 같습니다.


위 코드는 페이지의 모든 내용이 로드된 후 순서대로 실행됩니다.
물론 그렇지 않습니다. 해당 Unload 메소드를 잊어버리십시오

코드 복사

코드는 다음과 같습니다. <스크립트 유형 ="text/javascript"> $(window ).unload(function() { alert("good bye"); });

위 코드는 페이지가 닫힐 때 실행됩니다.
모든 DOM이 로드되기 전에 JS 코드를 실행합니다.
개발 중에도 이 방법을 자주 사용합니다.

코드 복사


코드는 다음과 같습니다.

text/javascript"> (function( ) { alert("hi"); })(jQuery)

그렇습니다. js 코드를 클로저 형식으로 본문에 삽입하면 됩니다. 물론, 이 방법으로 js 코드를 직접 삽입할 수도 있습니다. 다음과 같이 주문 문제에 주의해야 합니다.




코드를 복사하세요.

코드는 다음과 같습니다.

콘텐츠

type="text/javascript">
alert($("#test").html());//콘텐츠를 표시할 수 없습니다

이것은 내용

위의 두 코드, 두 번째 코드는 현재 코드 DOM 및 테스트가 구문 분석된 DOM에 존재하지 않습니다. 따라서 두 번째 코드 조각이 올바르게 표시될 수 없습니다.