Jquery가 실행을 지연시키는 이유는 무엇입니까?

jquery의 실행이 지연되는 이유는 웹 개발 초기에는 브라우저의 JavaScript 엔진이 아직 상대적으로 초보적이었고 웹 애플리케이션이 점점 더 복잡해지면서 일부 복잡한 JavaScript 코드를 잘 구문 분석하고 실행할 수 없었기 때문입니다. 프레임워크는 이 문제를 해결합니다. 동시에 페이지 콘텐츠를 더 잘 보호하기 위해 사용자는 페이지가 로드될 때 문서에서 DOM 요소가 깜박이거나 기타 오류가 발생하는 것을 보고 싶어하지 않습니다.

이 튜토리얼의 운영 체제: Windows 10 시스템, jQuery 버전 3.6.0, Dell G3 컴퓨터.

1. jQuery가 실행을 지연시키는 이유는 무엇입니까?

웹 개발 초기에는 브라우저의 JavaScript 엔진이 아직 상대적으로 초보적이어서 일부 복잡한 JavaScript 코드를 제대로 구문 분석하고 실행할 수 없었습니다. 웹 애플리케이션이 점점 더 복잡해짐에 따라 이 문제를 해결하기 위해 jQuery와 같은 프레임워크가 등장했습니다. 동시에 페이지 콘텐츠를 더 잘 보호하기 위해 사용자는 페이지가 로드될 때 문서에서 DOM 요소가 깜박이거나 기타 오류가 발생하는 것을 보고 싶어하지 않습니다. DOM 조작 및 기타 작업은 `$(document).ready()` 함수를 사용하여 수행할 수 있습니다.

2. 기능은 무엇인가요?

`$(document).ready()` 함수를 사용하면 DOM 트리가 빌드된 후에만 jQuery 코드가 실행되도록 할 수 있습니다. 즉, 이 기능은 페이지 로딩 속도와 이벤트 트리거 시간에 영향을 받지 않고 jQuery 코드의 실행 시간을 보장하여 코드를 보다 안정적이고 신뢰할 수 있게 만들고 불필요한 오류를 방지합니다.

3. 어떻게 할까요?

jQuery 실행을 지연시키려면 다음 방법을 사용할 수 있습니다:

1. jQuery 코드를 `$(document).ready()` 함수에 래핑합니다(예:

  ```javascript
  $(document).ready(function () {
      // jQuery code goes here
  });
  ```

2). , 아래와 같이 단축 구문 `$()`을 사용할 수 있습니다:

```javascript
  $(function () {
      // jQuery code goes here
  });
```

3. 또 다른 방법은 `defer` 속성을 사용하여 모든 JavaScript의 실행 시간을 지연시켜 HTML 구문 분석이 완료되도록 하는 것입니다. 첫째, 'async'와 유사합니다. 하지만 순서와 같은 미묘한 차이가 있습니다.

```html
  <script src="jquery.js" defer></script>
  <script src="main.js" defer></script>
```

이런 식으로 준비 기능을 사용하지 않는 것이 좋습니다

위 내용은 Jquery가 실행을 지연시키는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!