jQuery 사용하기

jQuery 라이브러리 파일 읽어오기

jQuery를 사용하기 위해서는 먼저 jQuery 라이브러리 파일을 HTML 문서에 포함시켜야 합니다. 이를 위한 두 가지 방법이 있습니다:

jQueryjQuery

jQuery

jQuery: The Write Less, Do More, JavaScript Library

https://jquery.com/

1. 로컬 파일로 읽어오기

<script src="js/jquery-3.7.1.min.js"></script>
HTML
복사

jQuery 공식 웹사이트에서 파일을 다운로드하여 프로젝트 폴더에 저장한 후 사용할 수 있습니다.

2. CDN으로 읽어오기

CDN(Content Delivery Network)을 통해 jQuery를 바로 사용할 수 있습니다.

<!-- Google CDN -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

<!-- jQuery CDN -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
HTML
복사

CDN 사용의 장점: - 별도의 다운로드가 필요 없음 - 캐시 활용으로 더 빠른 로딩 가능 - 서버 부하 감소

jQuery 라이브러리는 반드시 사용하고자 하는 스크립트 코드보다 먼저 로드되어야 합니다.

<!DOCTYPE html>
<html>
<head>
    <title>jQuery 예제</title>
    <!-- jQuery 라이브러리 로드 -->
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <!-- 사용자 정의 스크립트 -->
    <script src="js/custom.js"></script>
</head>
<body>
    <!-- 페이지 내용 -->
</body>
</html>
HTML
복사