jquery_jquery에서 $(document).ready() 사용 요약

window.onload = function(){ Alert("welcome"); }
이 작성 ​​방법의 목적은 페이지가 로드된 후 정의된 js 코드(함수)를 자동으로 실행하는 것입니다.

$(document).ready(function(){.... }) 이 함수는 페이지에서 window.onload를 대체하는 데 사용됩니다.

document.ready()는 기존 메서드 와 유사합니다. 차이점은 onload() 메서드는 DOM 요소 및 기타 페이지를 포함하여 페이지가 로드된 후에만 발생한다는 것입니다. 따라서 document.ready() 메서드를 사용하면 요소(예: 이미지) 로드가 onload() 메서드보다 빠르게 수행됩니다.

Javascript는 DOM 요소가 정의된 후에만 특정 작업을 수행할 수 있습니다. jQuery는 document.ready를 사용하여 DOM 요소가 로드된 후에 실행할 코드가 실행되도록 합니다.

예:

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

< ;script type="text/javascript">
$(document).ready(function () {
alert("내 첫 번째 jQuery 코드!");
});

이 코드의 의미는 Dom Tree가 로드되면 경고 메시지가 표시된다는 것입니다. document.ready()는 DOM 요소와 기타 페이지 요소(예: 이미지 등)를 포함하여 페이지가 로드된 후에만 onload() 메서드가 발생한다는 점을 제외하면 기존 메서드 와 유사합니다. ) 따라서 document.ready() 메서드를 사용할 때의 실행 속도가 onload() 메서드보다 빠릅니다.

마지막으로 주의할 점 두 가지:

요소의 onload 이벤트에 등록된 함수가 없는지 확인하세요. 그렇지 않으면 $(document).ready() 이벤트가 트리거되지 않을 수 있습니다. (
아래 예시를 통해 보여드리려고 했으나 성공하지 못했기 때문에 아마도 가능성이 아닐까 싶습니다.)

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

jQuery 간단한 예 2

다음과 같이 말하고 싶습니다.

$(document).ready() 이벤트는 같은 페이지에서 무제한으로 사용할 수 있습니다. 등록된 기능은 (코드 내에서) 순서대로 실행됩니다.