jquery의 $(document).ready () 방법과 window.onload 방법 차이

대부분의 경우 jquery 코드의 작성은 jquery의 코드를
?
1
2
3 $(document).ready( function (){        ........jquery ........... });
위 코드 및
?
1
2
3 $().ready( function (){        ........jquery ........... });
?
1
2
3 $( function (){        ........jquery ........... });
똑같아요~~ 마지막 방식은 가장 간결한 방식이에요. 절대 다수의 상황에서 저는 마지막 글씨를 씁니다. 하하~~ 기억하기 좋아요!주의: 때때로 우리가 직접 작성한 jquery 코드에 이상한 문제가 생겨서 정상적인 코드로 보이지만, 실행할 때 오류가 발생할 수 있습니다. 코드가 $(document) 에 놓여 있는지 확인하십시오.ready () 방법에서 실행됩니다.다음은 $(document) 를 말씀드리겠습니다.ready () 방법과 window.onload 방법의 차이점: 그들의 주요 차이점은 두 가지가 있다.

실행 시기 window.onload 방법은 웹 페이지의 모든 요소 (요소를 포함한 모든 관련 파일) 를 브라우저에 완전히 불러온 후에 실행합니다.jQuery의 $(document)를 통해ready () 방법으로 등록된 이벤트 처리 프로그램은 DOM이 완전히 준비되었을 때만 호출할 수 있습니다. 예를 들어 한 장의 그림이 라벨만 완성되면 이 그림이 불러올 때까지 기다리지 않고 그림의 넓은 속성이나 스타일을 설정할 수 있습니다.

$(document).ready () 방법은 여러 번 사용해서 다른 이벤트 처리 프로그램을 등록할 수 있으며, window.onload는 한 번에 한 함수에 대한 인용만 저장할 수 있고, 여러 번 귀속된 함수는 앞의 함수만 덮어씁니다.윈도우부터 볼게요.onload 방법은 한 페이지에 두 번 등록하면 어떤 결과가 나올지:
?
1
2
3
4
5
6
7
8 function one(){ alert( "one" ); } function two(){ alert( "two" ); } window.onload = two ; window.onload = one ;
위의 코드가 실행되면 "원"이 팝업됩니다.
$(document) 를 다시 봅시다.ready () 방법을 두 번에 나누어 호출하면 어떤 결과가 나올까요?
?
1
2
3
4
5
6
7
8
9
10
11
12 function one(){ alert( "one" ); } function two(){ alert( "two" ); } $(document).ready( function (){ one(); }); $(document).ready( function (){ two(); });
위의 코드가 실행되면 각각'원'과'투'가 팝업됩니다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

Java - PDF 문서에서 목록을 만드는 방법

순서가 지정된 목록(예: 번호 매기기 목록), 순서가 지정되지 않은 목록(예: 글머리 기호 목록) 및 중첩 목록입니다. 이 기사에서는 을 사용하여 Java에서 번호 매기기 목록, 글머리 기호 목록 및 다단계 목록을 ...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

jquery의 $(document).ready () 방법과 window.onload 방법 차이

좋은 웹페이지 즐겨찾기