>  기사  >  웹 프론트엔드  >  jquery를 호출하기 위해 외부 js를 작성하는 방법

jquery를 호출하기 위해 외부 js를 작성하는 방법

王林
王林원래의
2023-05-23 21:06:08611검색

외부 js 파일을 사용하여 jQuery 라이브러리를 호출하기 전에 해당 페이지에서 jQuery 라이브러리가 참조되었는지 확인해야 합니다. 참조되지 않은 경우 html 파일에서 먼저 jQuery 라이브러리를 참조해야 합니다.

다음은 일반 외부 js 파일이 jQuery 라이브러리를 호출하는 단계입니다.

  1. .js 파일을 생성하여 서버나 샘플.js와 같은 로컬 호스트에 저장합니다.
  2. sample.js에서 먼저 jQuery의 "문서 준비" 기능을 사용하여 DOM 트리가 로드되었는지 확인해야 합니다. 코드는 다음과 같습니다.
$(document).ready(function(){
    // js代码内容
});
  1. 이 함수 안에 페이지의 모든 텍스트 문자열을 바꾸는 등 실행하려는 js 코드를 작성하면 코드는 다음과 같습니다.
$(document).ready(function(){
    $('body').html($('body').html().replace(/关键词/g, '替换词'));
});
  1. 마지막으로 샘플을 소개합니다. .js 파일을 html 파일에 추가하면 코드는 다음과 같습니다.
<script src="sample.js" type="text/javascript"></script>

이렇게 하면 페이지가 로드된 후 Sample.js 파일의 해당 코드가 자동으로 실행됩니다.

sample.js 파일에서 jQuery의 다른 플러그인이나 메소드를 사용해야 하는 경우에는 jQuery 라이브러리를 도입한 후 다른 플러그인이나 메소드를 도입해야 합니다. 그렇지 않으면 jQuery 기능이 작동하지 않을 수 있습니다. 라고 불리는.

위 내용은 jquery를 호출하기 위해 외부 js를 작성하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.