반응형
JQuery란?
보다 효율적이고 직관적이게 엘리먼트를 선택하고 제어할 수 있도록 해주는 JavaScript 라이브러리
Eclipse에 jQuery세팅법은 두가지 방법이 있는데
첫번째 방식 보다는 두번째 방식을 추천한다.
1. https://jquery.com/download/ 사이트 접속 후 설치하고자 하는 태그 복사하여 사용
노란색으로 표기된 부분 클릭
코드 전체 복사
jquery-3.6.0.js 파일을 만들어준 후 해당 파일에 코드 붙여넣기
js파일 생성 후 jquery-3.6.0.js 넣어주기
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery 라이브러리</title>
</head>
<body>
<script src="js/jquery-3.6.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
console.log('jQuery 라이브러리 연결완료!');
});
</script>
</body>
</html>
|
cs |
2. jQuery CND 에 링크를 연결 ( 해당 방식은 인터넷 연결이 될 때에만 사용 가능)
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery CDN</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
console.log('jQuery 라이브러리 연결완료!22');
});
</script>
</body>
</html>
|
cs |
반응형
'JavaScript' 카테고리의 다른 글
| [JavaScript] 이벤트 리스너 (0) | 2022.07.28 |
|---|---|
| [JavaScript] 셀렉터, 콜백함수 (0) | 2022.07.28 |
| [JavaScript] 마우스, 키보드 이벤트 (0) | 2022.07.27 |
| [JavaScript] 랜덤, Math함수를 사용하여 UpDown 게임 만들기 (0) | 2022.07.26 |
| [JavaScript] JavaScript 란? 변수 선언, 데이터타입, 제어문, 함수, 객체, 배열 (0) | 2022.07.26 |
