제이쿼리

jQuery

jQuery 연결 방법

jQuery를 사용하기 위해서는 jQuery 라이브러리를 웹페이지에 연결해서 사용해야 합니다.
jQuery 라이브러리를 연결하는 방식에는 파일을 직접 다운로드받아 연결하는 방식과 CDN(Content Delivery Network) 방식이 있습니다.
현재 1.x, 2.x, 3.x 버전을 지원해 주고 있으며 각 버전별로 브라우저 지원이나 기존 메서드들의 지원 여부 등의 차이가 있습니다.

Download 방식

jQuery 라이브러리 다운로드
http://jquery.com/download에 접속하여 다운로드 합니다. ctrl + s 로 파일로 저장한 후 파일의 경로를 script:src로 지정하여 사용할 수 있습니다.

HTML 문서에서 jQuery 라이브러리 연결하기

html문서를 jQuery 라이브러리와 같은 경로에 저장합니다. 라이브러리가 잘 연결되었는지 확인하기 위해 jQuery 명령어 $(document).ready()를 사용해 보도록 하겠습니다.

<script src="jquery-3.3.1.min.js"><script>
<script>
    $(document).ready(function() {
        console.log("jQuery 시작");
    });
</script>

결과 확인하기

"jQuery 시작" 이 콘솔에 출력되면 잘 연결된겁니다.

CDN 방식

CDN 카피하기

https://code.jquery.com 사이트에 접속하여 본인에게 맞는 버전을 선택하고 CDN을 카피하여 head 태그 안에 추가하여 사용합니다.

jQuery 기본 형식

jQuery는 기본적으로 $(document).ready()로 시작합니다. ready()는 jQuery 이벤트로 앞에서 학습한 자바스크립트의 load 이벤트와 유사한 기능을 가지고 있습니다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery 기본형식</title>
    <script src="jquery-선택한 버전.min.js"></script>
    <script>
        $(document).ready(function() {
            실행문;
        });

        $(function (){
            실행문;     //  $(document).ready()를 짧게 표현
        })
    </script>
</head>
<body>
    
</body>
</html>