자바 웹 개발자가 될거야/JSP

[JQuery] Jquery(제이쿼리) 설치 및 사용

whitz 2021. 12. 27. 22:57

< JQuery >

 

 

- 자바스크립트의 라이브러리

- HTML 문서를 좀더 다양하게 사용할 수 있도록 해줌

 

 

① 제이쿼리 설치(다운로드)하기

 

https://jquery.com/download/

 

Download jQuery | jQuery

link Downloading jQuery Compressed and uncompressed copies of jQuery files are available. The uncompressed file is best used during development or debugging; the compressed file saves bandwidth and improves performance in production. You can also download

jquery.com

 

 

- Download the compressed, production jQuery 3.6.0
  · 압축 O, 주석 X, 줄바꿈 X

- Download the uncompressed, development jQuery 3.6.0
  · 압축 X, 주석 O, 줄바꿈 O

 

- slim build 는 ajax와 effects가 포함되지 않음

- 4개 중에 선택해서 다운받아도 됨

- 저 링크로 들어가서 우클릭 후 다른 이름으로 저장하기

 

 

② 제이쿼리 사용하기

 

 

 

- 다운로드 받은 파일을 복사해서 js 폴더를 만든 후 붙여 넣어줌

 

<script src="../js/jquery-3.6.0.min.js"></script>
<script type="text/javascript">
...
</script>

 

- <head> 태그 안에 위와 같이 작성하여 제이쿼리 라이브러리 사용 가능

 

<script type="text/javascript">
	$(document).ready(function(){
		alert("제이쿼리 실행");
	});
		
	$(function(){
		alert("제이쿼리 실행2");
	});
		
	jQuery(document).ready(function(){
		alert("제이쿼리 실행3");
	});

	jQuery(function(){
		alert("제이쿼리 실행4");
	});
</script>

 

- $가 jQuery를 뜻함

  · 1,3번이 같고 2,4번이 같음

 

- 자바스크립트 > HTML > JQuery 순서로 읽힘