1.jQuery 시작하기

제이쿼리 라이브러리(jQuery Library)는 일반 자바스크립트에서 볼 수 없는 다양한 애니메이션 효과를 제공한다

이런 함수를 그대로 불러와 사용할 수 있도록 구성된 기능적인 함수나 작은 프로그램들의 집합을 라이브러리라 한다.

쉽게 말해, 어려운 자바스크립트 문법을 알지 못해도 간단하고 효율적인 제이쿼리 문법만으로 자바스크립트의 기능을 구현할 수 있도록 만든 자바스크립트 집합체이다.

사용 방식

다운로드 방식

<head>
	<meta charset="utf-8">
	<script src="jquery-3.4.1.min.js"></script>
</head>

CDN(Content Delivery Network) 호스트 링크 방식

1)제이쿼리 CDN 웹사이트(code.jquery.com)

복사된 CDN 주소를 HTML 파일에 링크하기

<head>
	<meta charset="utf-8">
	<title>제이쿼리 링크하기</title>
	<script src="<https://code.jquery.com/jquery-3.6.3.min.js>"></script>
  <script src="<https://code.jquery.com/jquery-latest.min.js>"></script>
</head>

제이쿼리 선언하기

제이쿼리를 HTML 문서 내부에서 사용할 경우

<body> 마감 태그 바로 위에서 작성하며 <script>…</script>안에 작성한다.

<script>
	$(document).ready(function(){
			실행구문;
	})
</script>

제이쿼리 파일을 링크형태로 사용할 경우

<head>…</head> 사이에 넣어도 되고, </body> 마감 태그 바로 위에 넣어도 된다.

일반적으로 이 방법을 추천한다.