[JQuery] JQuery 연결방법

Query를 사용하기 위해서는 jQuery 라이브러리를 웹페이지에 연결해서 사용해야 합니다.

​

jQuery 라이브러리를 연결하는 방식으로는 직접 다운로드 방식과 CDN (Centent Delivery Network)방식이 있습니다.

​

현재 1.x, 2.x, 3.x 버전을 지원해 주고 있으며 각 버전별로 브라우저 지원이나 기존 메서들의 지원 여부 등의 차이가 있습니다.

​

jQuery 라이브러리 3.0 버전에서 지원하는 브라우저는 아래와 같습니다.

Internet Explorer 9 이상

Chrome, Edgh, Firefox, Safari 현재 버전

Opera 현재버전

Safari Mobile iOS 7 이상

Android 4.0 이상

​1. Download 방식

https://jquery.com/download/ - 접속

Download the compressed, production jQuery 3.5.1 - 최신버전을 다운로드

<script src="/js/jquery-3.5.1.min.js"></script>

웹서버에 저장후 사용

2. CDN 방식

https://code.jquery.com/ - 접속

jQuery Core 3.5.1 - uncompressed, minified, slim, slim minified - 클릭​

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs="crossorigin="anonymous">

</script>

 

위 코드를 웹페이지 상단에 적용후 사용합니다.

​3. jQuery Migrate Plugin 방식

jQuery 라이브러리 1.9 버전에서는 1.9 이전에 사용되던 메소드들이 삭제되거나 변경되어 신규 버전으로 업데이트하면 일부 기능이 실행되지 않는 문제가 발생할 때가 있습니다. 

이러한 문제를 해결하기 위해 jQuery Migrate Plugin을 사용합니다.​

<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>

<script src="http://code.jquery.com/jquery-migrate-1.4.1.min.js"></script>

 

웹페이지 상단에 적용후 사용

​

주로 3번 방법을 많이 사용합니다.