jQuery 연결방법은 매우쉽습니다. 이는 티스토리뿐만 아니라 모든 웹프로그래밍에있어 동일합니다. jQuery 연결 코드는 HTML 문서 어디에 작성하든 jQuery 연결이 가능하지만 보통 </body>위에 작성합니다.
1. 첫번째 jQuery 연결 방법
첫번째 jQuery 연결방법은 CDN을 이용합니다. CDN이란 Contents Delivery Network의 약자로 자세한 정보는 여기에서 확인이 가능합니다.
<!DOCTYPE html>
<html lang="ko">
<head>
</head>
<body>
<!-- 아래와 같이 작성하면 됩니다 -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
$( document ).ready( function() {
// your code ...
} );
</body>
</html>2. 두번째 jQuery 연결 방법
두번째 jQuery 연결방법은 파일을 서버에 추가(업로드)하고 절대 또는 상대경로를 작성하는 방법입니다. 우선 여기에 접속해주세요.
접속하면 위와 같은 페이지가 나타나는데 Download the compressed, production jQuery [버전] 을 눌러주세요. 만약 다운로드 되지 않고 아래와 같은 코드창이 나타난다면 다음과 같이 진행해주세요. 다운로드 됐다면 아래 내용은 무시해주세요.
다운로드가 되지 않고 코드가 바로 표시된다면 해당 창의 텍스트 아무곳이나 클릭후 키보드의 Ctrl(컨트롤)키를 누른상태로 A키를 누르면 전체선택이 됩니다.
이후 우클릭을 눌러 복사하거나 Ctrl + C키를 눌러 코드를 복사해줍니다. 그리고 메모장을 열어주세요.
메모장을 열었으면 코드를 붙여넣고 다른이름으로 저장할때 파일 형식을 [모든파일]로 변경하고 이름.js로 저장해주세요.
파일을 다운로드했다면 여기서부터
이제 다운로드한 파일을 서버에 업로드하고 위와 같은 방식으로 작성해주세요.
<!DOCTYPE html>
<html lang="ko">
<head>
</head>
<body>
<!-- 상대경로 -->
<script src="./js/jQuery.js"></script
<!-- 절대경로 -->
<script src="C:\Server\src\js\jQuery.js"></script>
$( document ).ready( function() {
// your code ...
} );
</body>
</html>
댓글 :