그만큼 준비가 된() 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(){ $('button').click(function(){ $('#p1').css({'font-size': '30px', 'color': 'blue', 'background': 'yellow', 'fontWeight': 'bold'}); $('#p2').css({'fontSize': '20px', 'fontWeight': 'bold', 'color': 'red'}); $('#p3').css({'color': 'blue'}); }); }); <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 지금 테스트해보세요 산출:
위 코드를 실행한 후 출력은 다음과 같습니다.
주어진 버튼을 클릭하면 출력은 다음과 같습니다.
