jQuery는 JavaScript의 라이브러리로 JavaScript를 접근하기 쉽게 압축시켜놓은 것이다.
JavaScript 기반의 오픈소스는 다양하다. jQuery, Bootstrap, moment, AJAX, AngularJS, react 등이 있다. 또 시각화와 관련된 것으로 chart.js, d3.js 등이 있다.
jQuery 오픈소스 사용방법
1. jQuery라이브러리를 제공하는 해당사이트 직접 링크
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
2. jQuery라이브러리를 직접 다운 받아서 사용(추천)
https://jquery.com/download/
->Download the compressed, production jQuery 3.6.1
->우클릭 -> 다른이름으로 링크 저장
->jquery-3.6.0.min.js 다운
오픈소스를 다운로드 받을 때는 파일명에 min이 들어간 것을 받는 것을 추천한다.
min이 들어간 파일은 아래처럼 엔터와 띄어쓰기를 최소화하였기에 용량을 적게 차지한다.
다운로드한 후 사용은 다음과 같이 한다.
<script src="jquery-3.6.1.min.js"></script>
<script>
작성
</script>
제대로 import 되었는지 확인은 아래와 같이 하면 된다.
<!--jQuery import -->
<script src="jquery-3.6.1.min.js"></script>
<script>
//jQuery 시작
//1) jQuery() 축약형 -> $
alert($);
//2)
$(document).ready(function(){
alert("jQuery시작");
alert($);
});
//3)
$(function(){
alert("jQuery시작");
alert($);
});
</script>
'웹개발 교육 > jQuery' 카테고리의 다른 글
| [42일] jQuery (6) - 반복문 (0) | 2022.09.26 |
|---|---|
| [42일] jQuery (5) - 속성 관련 메소드 (0) | 2022.09.26 |
| [42일] jQuery (4) - css 메소드 (0) | 2022.09.26 |
| [42일] jQuery (3) - text()와 html() (0) | 2022.09.26 |
| [42일] jQuery (2) - 이벤트 (0) | 2022.09.26 |
jQuery는 JavaScript의 라이브러리로 JavaScript를 접근하기 쉽게 압축시켜놓은 것이다.
JavaScript 기반의 오픈소스는 다양하다. jQuery, Bootstrap, moment, AJAX, AngularJS, react 등이 있다. 또 시각화와 관련된 것으로 chart.js, d3.js 등이 있다.
jQuery 오픈소스 사용방법
1. jQuery라이브러리를 제공하는 해당사이트 직접 링크
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
2. jQuery라이브러리를 직접 다운 받아서 사용(추천)
https://jquery.com/download/
->Download the compressed, production jQuery 3.6.1
->우클릭 -> 다른이름으로 링크 저장
->jquery-3.6.0.min.js 다운
오픈소스를 다운로드 받을 때는 파일명에 min이 들어간 것을 받는 것을 추천한다.
min이 들어간 파일은 아래처럼 엔터와 띄어쓰기를 최소화하였기에 용량을 적게 차지한다.
다운로드한 후 사용은 다음과 같이 한다.
<script src="jquery-3.6.1.min.js"></script>
<script>
작성
</script>
제대로 import 되었는지 확인은 아래와 같이 하면 된다.
<!--jQuery import -->
<script src="jquery-3.6.1.min.js"></script>
<script>
//jQuery 시작
//1) jQuery() 축약형 -> $
alert($);
//2)
$(document).ready(function(){
alert("jQuery시작");
alert($);
});
//3)
$(function(){
alert("jQuery시작");
alert($);
});
</script>
'웹개발 교육 > jQuery' 카테고리의 다른 글
| [42일] jQuery (6) - 반복문 (0) | 2022.09.26 |
|---|---|
| [42일] jQuery (5) - 속성 관련 메소드 (0) | 2022.09.26 |
| [42일] jQuery (4) - css 메소드 (0) | 2022.09.26 |
| [42일] jQuery (3) - text()와 html() (0) | 2022.09.26 |
| [42일] jQuery (2) - 이벤트 (0) | 2022.09.26 |
