구문으로 로컬 jquery 파일을 가져옵니다. 2. HTML의 스크립트 태그를 사용하여 "" 구문으로 온라인 jquery 파일을 가져옵니다."/> 구문으로 로컬 jquery 파일을 가져옵니다. 2. HTML의 스크립트 태그를 사용하여 "" 구문으로 온라인 jquery 파일을 가져옵니다.">
사용하기 전에 jquery를 가져와야 합니다. 두 가지 가져오기 방법: 1. jquery 공식 웹사이트에서 로컬로 jquery 파일을 다운로드하고 HTML 문서의 스크립트 태그를 사용하여 로컬 jquery 파일을 가져옵니다. 구문은 "" 구문으로 온라인 jquery 파일을 가져옵니다.
이 튜토리얼의 운영 환경: windows7 시스템, jquery3.6.0 버전, Dell G3 컴퓨터.
jquery는 JavaScript 대신 프런트 엔드 스크립팅 언어를 빠르게 작성하는 데 사용되는 라이브러리로, 복잡한 js 코드를 크게 단순화하여 개발자가 페이지 효과를 달성하는 데 집중할 수 있습니다.
jquery를 사용하기 전에 HTML 문서로 가져와야 합니다. jquery를 가져오는 방법에는 두 가지가 있습니다. 하나는 로컬 가져오기이고 다른 하나는 하이퍼링크에서 가져오기입니다.
방법 1: 로컬 가져오기
Baidu에서 jquery를 검색하고 jquery 공식 웹사이트(https://jquery.com/
)를 찾을 수 있습니다. 여기에서 최신 버전의 jquery를 다운로드할 수 있습니다. 다운로드 아이콘을 클릭하면 다운로드 세부정보 페이지로 이동합니다.
여기의 처음 두 링크는 두 가지 버전의 jquery 다운로드이며, 하나는 압축된 버전이고 다른 하나는 압축되지 않은 버전입니다. 둘 사이에는 기능적 차이가 없습니다. 그러나 프로젝트를 게시할 때 압축 버전의 jquery를 사용하여 공간을 덜 차지하기 위해 개발자로서 압축 버전의 jquery에서 중복되는 공백과 줄 바꿈을 삭제하지 않았습니다. 아직 프로젝트 링크가 공개되지 않았으므로 두 번째 비압축 버전(비압축)을 선택하세요.
링크를 클릭하면 jquery의 소스 코드를 볼 수 있습니다. Ctrl+A를 누르고 모두 선택하고 새 txt 파일을 만든 다음 소스 코드를 복사한 다음 접미사를 .js로 변경합니다.
다음으로 jquery를 사용하려는 페이지에 이 .js 파일을 삽입합니다. 코드는 다음과 같습니다.
<script></script> <script> //在此书写你的jquery代码 </script>
Attention
Attention! 가져온 스크립트를 먼저 작성한 다음 자체 jquery 코드를 작성해야 합니다. 페이지 로드 순서는 위에서 아래로 진행되기 때문입니다. 브라우저는 jquery 코드를 먼저 로드한 다음 jquery 라이브러리를 로드하므로 jquery 코드는 오류가 발생했습니다. 쓰기 형식으로 효과를 얻을 수 없습니다.
방법 2: 온라인 jquery 가져오기
스크립트의 src 속성에 URL을 작성하여 온라인 jquery 코드를 가져올 수 있습니다. 어떤 사람들은 웹페이지가 열릴 때 온라인 jquery 코드가 있는지 묻습니다. jquery를 다운로드할 시간인가요? 다운로드하는 데 시간이 오래 걸려 jquery 코드가 로드되지 않아 사용자 경험에 영향을 미치게 됩니까?
사실 지금은 jquery를 사용하는 웹사이트가 너무 많습니다. 이전에 jquery를 사용했던 웹사이트를 로드할 때 브라우저가 jquery를 미리 다운로드하므로 jquery 버전이 새 버전이더라도 다시 다운로드할 필요가 없습니다. one 브라우저에서 로드되지 않은 버전의 경우 jquery 코드가 매우 빠르게 다운로드됩니다. 그러나 여전히 로딩 속도에 영향을 미칠까 걱정된다면 jquery 파일을 로컬로 가져오는 것이 실제로 가장 좋은 방법입니다.
예를 들어 jquery 공식 웹사이트의 온라인 JQ 파일: https://code.jquery.com/jquery-3.6.0.min.js
<script></script> <script> //在此书写你的jquery代码 </script>
[권장 학습: jQuery 비디오 튜토리얼 、웹 프론트엔드 비디오】
위 내용은 jquery를 사용하기 전에 가져와야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!