2010-04-14 6 views
7

나는 지난 2 일 이래로 그것을 배우려고 노력하는 jQuery의 초보자입니다. 제 사무실에서는 JavaScript 개발자의 경험이 거의 없으며 주로 jQuery과 함께 일하고 있습니다. 그리고 언제든지 그들과 대화하여 jQuery이 어떻게 작동하는지 더 잘 이해할 수있을 때마다 $(document).(ready)에서이 작업을 수행합니다. $(document).(ready) 당신은 그렇게합니다.

제 질문은 $(document).(ready)은 무엇이며 어떻게 작동합니까?

모든 입력 사항을 높이 평가할 것입니다.

업데이트 : 허용 답변에서이 코멘트는 DOM이, 그래서 정말 의미 않습니다 준비가되면 에 언급입니까?

+0

펠릭스 킹에서 대답을 확인하십시오. – Pointy

답변

9

$ (document) .ready()는 DOM이 완전히로드되어 조작 할 준비가되면 실행됩니다. 이렇게하면 코드가 실행되기 전에 코드가 실행되지 않습니다. $ (문서) .ready()는

$(document).ready(handler) 
$().ready(handler) (this is not recommended) 
$(handler) 
$(document).bind("ready", handler) 

이 문서에 대한 here보기 ... 그것의 가장 자세한 버전이며, 이러한 진술의와 교체 할 수 있습니다.

+1

그냥 분명히 : * $ * 문서가로드 된 후에 반드시 * DOM *이 완전히로드되면'$ (document) .ready()'가 실행됩니다. 이 이벤트는 이미지가 완전히 다운로드되기 전에 실행될 수 있습니다. – Tim

+0

@Tim - 정확합니다. 명확히하기 위해 답변을 업데이트하겠습니다. –

+1

참고로, jQuery 1.4에서,'$()'는 빈 jQuery 세트를 반환하므로'$ (document)'와 동일하지 않습니다. 두 번째 예제는 1.4에서 작동하지 않습니다. – kevingessner

1

$ (document). (ready)는 페이지의 모든 요소가로드되면 호출됩니다. 이것은 요소가 모두 존재한다는 것을 알고 있으므로 안심하고 이벤트 처리기와 같은 것을 설정할 수있게 해줍니다.

1

Document Ready는 jQuery/JavaScript 에 의해 트리거되는 이벤트를 나타내며 전체 HTML 문서와 모든 요소가로드되어이 처리 될 준비가되었습니다.

브라우저에서 요소를로드하는 방식은 페이지를 다운로드하면서 렌더링하는 방식입니다. 너무 일찍 실행되는 스크립트가 있으면 스크립트가 실패 할 위험이 있습니다.

문서 준비를 사용하면 전체 페이지가 준비되었을 때만 실행되도록 할 수 있습니다. 나는 그것이 가장 tutorial에 설명되어 생각

$(document).ready(function(){ 
    alert('hello'); 
}); 
3

: 여기

전체 문서가 브라우저에로드가 완료되면이 "안녕하세요"인쇄합니다 ... 예입니다

문서 시작시 코드 시작

대부분의 Javascript 프로그래머가하는 첫 번째 일은 프로그램에 코드를 추가하는 것입니다.

window.onload = function(){ alert("welcome"); } 

페이지가로드 될 때 바로 실행하려는 코드가 내부에 있습니다. 그러나 모든 이미지가 (여기에는 배너 광고 포함) 다운로드가 완료 될 때까지 자바 스크립트 코드가 실행되지 않습니다. 첫 번째로 window.onload을 사용하는 이유는 처음에 코드를 실행하려고 할 때 HTML '문서'가 아직로드되지 않았기 때문입니다.

이 두 문제를 회피하기 위해, jQuery를 문서를 확인하고는 준비 행사로 알려져, 조작 할 준비가 될 때까지 기다립니다 간단한 문장이 있습니다

$(document).ready(function(){ 
    // Your code here 
}); 

또는 짧은을, 그것을 문서의 모든 요소가로드되어 문서에 액세스 할 수 있지만 이미지가로드 될 때까지 기다리지는 않습니다.

1

DOM은 문서 객체 모델을 의미합니다. 자세한 내용은 here을 참조하십시오. 브라우저에 대한 모든 알고 나면 그래서

$ (문서) .ready()

완전히 브라우저에서 실행되는 사용자의 browser.Since 자바 스크립트에 의해로드 된 DOM 일단 해고, 우리는 실행을 시작하고 싶습니다 스크립트를 실행할 페이지의 요소.

0

는 단지 위해 window.onload 이벤트처럼 제외

로드를 완료하는 등 이미지의 모든 바이너리 데이터를 기다릴 dosent

u는 DOM 작업 할 경우 유에 코드를 원하는 dosent 때문에 이것이 중요하다 액세스 dom 요소는 존재 dosent