jQuery(제이쿼리)는 JavaScript(자바스크립트) 라이브러리로, 웹 개발에서 JavaScript를 간편하고 유용하게 많이 사용되고 있습니다. 그 jQuery를 사용하는 방법을 한번 알아 보겠습니다.
jQuery 사용법
- jQuery 사이트 접속(바로가기)
- 사이트 상단 메뉴에서 “Download” 클릭
- 페이지 내 검색(단축기 : ctrl + F)에서 “Google CDN”으로 검색
- 여러 CDN 이 있는데 이중 원하는 CDN 클릭
- jQuery 1,2,3버전의 스니펫 중 하나 선택
jQuery Google CDN 화면
jQuery 간편 샘플 소스
<!DOCTYPE html>
<html>
<head>
<title>jQuery Sample</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
</head>
<body>
<button id="myButton">Click me</button>
<script>
// 버튼 클릭 이벤트 처리
$('#myButton').click(function() {
$(this).text('Clicked!');
});
</script>
</body>
</html>