< JQuery >
- 자바스크립트의 라이브러리
- HTML 문서를 좀더 다양하게 사용할 수 있도록 해줌
① 제이쿼리 설치(다운로드)하기
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 순서로 읽힘
'자바 웹 개발자가 될거야 > JSP' 카테고리의 다른 글
| [JQuery] Jquery(제이쿼리) 요소의 속성 값 사용 방법 (0) | 2021.12.27 |
|---|---|
| [JQuery] Jquery(제이쿼리) 속성탐색 선택자, 위치탐색 선택자 (0) | 2021.12.27 |
| [JSP] 게시글 삭제하기 (0) | 2021.12.21 |
| [JSP] 게시글 본문 수정하기 (0) | 2021.12.21 |
| [JSP] 목록 글 클릭하여 게시글 본문보기 (0) | 2021.12.21 |
