jQuery 문서 준비 기능을 JavaScript로 바꾸십시오

jQuery의

메소드는 DOM이 완전히로드 된 후 코드를 실행하는 데 사용됩니다. 모든 DOM 요소를 사용할 수있을 때 주어진 함수를 실행하므로 요소에 올바르게 작동하거나 작동하려고 시도합니다.

jQuery 3.0 이전에 익명 함수를 사용하는 일반적인 사용법은 다음과 같습니다. $(document).ready()

키 포인트

jQuery의 jQuery의 기능은 문서가로드되기 전에 jQuery 코드가 실행되는 것을 방지하는 데 사용됩니다. 아직 사용할 수없는 요소에 대해 걱정하지 않고 HTML 요소를 안전하게 조작 할 수 있기 때문에 유용합니다. 이 기능은 일반적으로 웹 페이지의 모든 jQuery 기능을 래핑하는 데 사용됩니다.

jQuery의 함수는 함수와 어떻게 다릅니 까? document.ready 함수와 함수의 주요 차이점은 트리거링의 타이밍입니다. DOM이 준비된 직후에 window.load 기능이 발사됩니다. 즉, 모든 이미지 및 기타 리소스가 완전히로드되기 전에 실행할 수 있습니다. 반면에, 함수는 전체 페이지 (모든 이미지 및 리소스 포함)가 완전히로드 된 후에 발사됩니다.

단일 html 문서에서 여러

함수를 사용할 수 있습니까? document.ready 예, 단일 HTML 문서에서 여러 window.load 함수를 사용할 수 있습니다. 각 함수는 정의 된 순서로 실행됩니다. jQuery 코드를 별도의 섹션으로 구성하거나 여러 외부 스크립트를 사용하는 경우 유용합니다. document.ready 순수한 JavaScript에서 jQuery의 window.load 함수와 동등한 것은 무엇입니까?

순수한 JavaScript에서 jQuery의

함수와 동등한 것은 document.ready 이벤트입니다. 이 이벤트는 초기 HTML 문서가 스타일 시트, 이미지 및 서브 프레임이로드를 완료하기를 기다리지 않고 완전히로드 및 구문 분석 한 후에 발사됩니다.

jQuery에서 와

의 차이점은 무엇입니까? document.ready

및

는 문서의 DOM이 준비 되 자마자 jQuery 코드를 실행하는 데 사용됩니다. 그러나 는 document.ready의 속기 버전 일뿐입니다. 그것들은 동일한 기능이며 상호 교환 적으로 사용할 수 있습니다.

순수한 JavaScript를 사용하여 페이지가 완전히로드되었을 때 함수를 실행하는 방법은 무엇입니까?

페이지가 완전히로드 될 때 document.ready 이벤트를 사용하여 순수한 JavaScript를 사용하여 함수를 실행할 수 있습니다. 이 이벤트는 전체 페이지 (스타일 시트 이미지와 같은 모든 종속성 리소스 포함) 후에 완전히로드됩니다. DOMContentLoaded 다른 JavaScript 라이브러리와 함께

함수를 사용할 수 있습니까?

예, 다른 JavaScript 라이브러리와 함께 $(document).ready() 함수를 사용할 수 있습니다. 그러나 다른 라이브러리가 $(function()) 기호를 사용하는 경우 jQuery의 메소드를 사용하거나 를 대신 함수로 전달하여 충돌을 피할 수 있습니다. $(document).ready() 여러 AJAX 요청이 완료 될 때까지 jQuery 코드의 실행을 지연시키는 방법은 무엇입니까? $(function()) 여러 AJAX 요청이 완료 될 때까지 jQuery의 $(function()) 함수를 사용하여 코드 실행을 지연시킬 수 있습니다. 이 함수는 일련의 연기 된 객체 (각각 Ajax 요청을 나타냅니다)를 취하고 모든 입력이 퍼지는 객체가 구문 분석 한 후에 구문 분석되는 새로운 지연된 객체를 만듭니다. $(document).ready() 문서가 준비되기 전에 jQuery로 요소를 작동 시키려고하면 어떻게됩니까?

문서가 준비되기 전에 jQuery로 요소를 조작하려고하면 요소가 아직 존재하지 않기 때문에 예상대로 작동하지 않을 수 있습니다. 이것이 jQuery 코드가

함수로 래핑되는 중요한 이유입니다.

외부 JavaScript 파일에서 document.ready 함수를 사용할 수 있습니까?

예, 외부 JavaScript 파일에서

함수를 사용할 수 있습니다. jQuery 다음과 jQuery에 의존하는 다른 스크립트 앞에 HTML 문서에 외부 파일을 포함하십시오. document.ready

위 내용은 jQuery 문서 준비 기능을 JavaScript로 바꾸십시오의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!