그만큼 준비가 된() jQuery의 함수는 DOM(Document object model)이 완전히 로드된 경우에만 코드를 실행합니다. jQuery에 내장된 함수입니다. 모든 이미지 등을 로드하기 전에 실행될 수 있지만 DOM이 준비된 경우에만 실행됩니다. 사이에 삽입된 코드 $(문서).준비() 페이지가 JavaScript 코드를 실행할 준비가 된 경우에만 실행됩니다.

우리는 준비가 된() 방법과 함께 .

통사론

우리는 준비가 된() 아래와 같이 두 가지 방식으로 작동합니다.

자바에서 맵 반복

• 일반적으로 사용되는 구문은 준비() 기능은 다음과 같습니다.

 $(document).ready(function) 

• 우리가 사용할 수 있듯이 준비가 된() 현재 문서에 대해서만 기능하므로 선택기를 건너뛸 수 있습니다. 위 구문을 다음과 같이 작성할 수도 있습니다.

 $(function) 

위의 두 가지 방법 모두 사용 가능합니다. 두 번째 구문은 첫 번째 구문 대신 사용할 수 있습니다. 다음 코드를 보면 알 수 있습니다.

 $(document).ready(function() { $('p').css('color', 'red'); }); 

위 코드는 아래 코드와 동일합니다.

 $(function() { $('p').css('color', 'red'); }); 

일부 숙련된 개발자는 속기를 사용합니다. $() 사용하는 것보다 $(문서).ready(), 하지만 경험이 없는 사람들을 위해 코드를 작성한다면 긴 형식을 사용하는 것이 더 좋습니다.

매개변수 값

그만큼 준비가 된() 함수에는 다음과 같이 정의된 단일 매개변수 값만 있습니다.

기능(): 문서가 로드된 후 실행되는 기능을 지정하는 필수 매개변수입니다.

자바 다른 경우

사용 예를 살펴 보겠습니다. $(문서).준비() 기능.

리눅스 파일 시스템

예

이 예에는 몇 가지 단락 요소와 버튼이 있습니다. 여기서 우리는 $(문서).준비() 주어진 단락의 스타일을 변경하는 기능입니다.

 jQuery ready() function $(document).ready(function(){ $(&apos;button&apos;).click(function(){ $(&apos;#p1&apos;).css({&apos;font-size&apos;: &apos;30px&apos;, &apos;color&apos;: &apos;blue&apos;, &apos;background&apos;: &apos;yellow&apos;, &apos;fontWeight&apos;: &apos;bold&apos;}); $(&apos;#p2&apos;).css({&apos;fontSize&apos;: &apos;20px&apos;, &apos;fontWeight&apos;: &apos;bold&apos;, &apos;color&apos;: &apos;red&apos;}); $(&apos;#p3&apos;).css({&apos;color&apos;: &apos;blue&apos;}); }); }); <p id="p1"> Welcome to the javaTpoint.com </p> <p id="p2"> This is an example of using the $(document).ready() function. </p> <p id="p3"> This is a third paragraph element </p> <p> Click the following button to see the effect. </p> Click me 

산출:

위 코드를 실행한 후 출력은 다음과 같습니다.

주어진 버튼을 클릭하면 출력은 다음과 같습니다.