위로
아래
제이쿼리 연결
- CDN(Content Delivery Network) 방식 : 실무에서는 잘 안 쓴다. 2010년도부터 보안을 위해 은행권이나 사기업의 내부망과 외부망 분리를 법적으로 권장하고 있다. 외부망에서 데려오는 방식이라 실무에서는 쓰기 어렵다.
- 다운로드 방식 : 직접 제이쿼리 라이브러리를 다운 받아서 쓴다.
<head>
<!-- CDN 방식 -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<!-- 다운로드 방식 -->
<script src="../js/jquery-3.7.0.min.js"></script>
<!-- 내가 다운 받은 위치를 적어야 함 -->
</head>이전 버전을 쓰고 싶으면 제이쿼리 사이트에서 원하는 버전의 마이그래이션 플러그인 (Migrate plugin)을 설치하고 위의 방식으로 똑같이 파일을 연동해주면 된다.
제이쿼리 기본형
기본형
<script type="text/javascript">
$(document).ready(function(){alert("안녕")}); // window.onload = function(){내용} 과 똑같다.
</script>
축약형
<script type="text/javascript">
$(function(){alert("안녕")}); // window.onload = function(){내용} 과 똑같다.
</script>
제이쿼리 작동하는지 확인법
제이쿼리를 임폴트 했는지부터 확인하자
if (typeof jQuery != 'undefined') {
console.log("jQuery Ready");
}