JQUERY 다운로드
in Programming on JavaScript
오픈 소스 라이브러리
모든 브라우저에서 동일하게 동작하는 자바스크립트를 구현하기 위한 라이브러리!
다운로드에는 두가지 방식이 있다.
1. CDN : 온라인 방식. Content Delivery Netwrok
- CDN JQuery를 제공하는 여러 페이지가 있다. 그 중 하나 사용하면 된다.
- Google JQuery ,https://code.jquery.com/ 사이트 등에 가서 알맞은 버전을 선택한다.
그러면,
이렇게 코드가 뜬다. 이것을 html의 head에 붙여넣으면 된다.
<head> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous"></script> </head>2. 오프라인 방식
https://jquery.com/download/ 사이트에서 원하는 버전을 다운받는다. 나는 compressed를 쓸것이기 때문에 compressed를 다운받았다.
그리고 html 문서나 jsp 문서에서 head안에 이 파일을 불러온다.
<head> <script src ="script/jquery-3.5.1.min.js"></script> </head>
작동하는지 확인
<html>
<head>
<title>JQuery</title>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous"></script>
</head>
<body>
Good morning!
<script type="text/javascript">
if(typeof JQuery=="undefined"){
alert("JQuery is not installed =*(")
}else{
alert("JQuery is installed! =)")
}
</script>
</body>
</html>
jQuery가 잘 로딩 된다면, jQuery의 타입이 정의된다. (undefined가 아님. function 임)
JQuery 아니고, jQuery!
- CDN 방식으로 불러오는 jQuery 없앴을 때
