자바스트립트기반 오픈소스 (.js)
- jQuery, Bootstrap, moment, AJAX, AngularJS, react, vue ~
- 시각화 : chart.js, d3.js 등
- jQuery: JavaScript Library
[ jQuery 오픈소스 사용방법 ]
1) jQuery라이브러리를 제공하는 해당사이트 직접 링크
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
</head>
2) jQuery라이브러리를 직접 다운받아서 사용(추천)
https://jquery.com/download/
→ Download the compressed, production jQuery 3.6.4
→ 우클릭 → 다른이름으로 링크 저장
→ jquery-3.6.4.min.js 다운<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>01_jquery시작.html</title>
<style></style>
</head>
<body>
<!-- jQuery import -->
<script src="jquery-3.6.4.min.js"></script>
<script>
1) jQuery() 축약형 → $
alert($);
2)
$(document).ready(function(){
alert("jQuery시작");
alert($);
});
3)
$(function(){
alert("jQuery시작");
alert($);
});
</script>
</body>
</html>[ 참조사이트 ]
jQuery Tutorial
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
'Frontend > jQuery' 카테고리의 다른 글
| [jQuery] 05_속성관련 메소드 (0) | 2023.03.29 |
|---|---|
| [jQuery] 04_css메소드 : Get, Set (0) | 2023.03.29 |
| [jQuery] 03_text(), html() 함수 (0) | 2023.03.29 |
| [jQuery] 02_이벤트 (0) | 2023.03.29 |
