jQuery 환경 설정
최신 버전을 얻으려면 공식 웹사이트 http://jquery.com/download/에 들어가세요. 여기에서 jQuery는 1.x와 2.x의 두 가지 시리즈 버전으로 나누어져 있다는 점에 유의하세요. 은(는) 더 이상 IE6, 7, 8 브라우저와 호환되지 않습니다. 이는 모바일 단말기 개발과 호환되도록 하기 위한 것입니다. 이 버전은 일부 코드 감소로 인해 jQuery 1.x보다 작고 빠릅니다.
개발자가 이전 버전의 IE 사용자에 대해 더 우려하는 경우 jQuery 1.9 및 이전 버전만 사용할 수 있습니다. 호환성상의 이유로 우리 강좌에서는 버전 1.9를 사용합니다. 각 jQuery 버전은 압축 버전(compressed)과 개발 버전(development)으로 구분됩니다. 개발 과정에서는 개발 버전을 사용하고(개발 버전은 코드 수정 및 디버깅에 편리함) 압축 버전을 사용합니다. 프로젝트의 온라인 릴리스(압축 버전의 크기가 더 크기 때문에) 더 작고 빠릅니다.
jQuery는 JavaScript 스크립트 라이브러리이므로 특별한 설치가 필요하지 않습니다. 페이지의 <head> 태그에 있는 스크립트 태그를 통해서만 jQuery 라이브러리를 소개하면 됩니다.
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> <title>环境搭建</title> </head> <body> <script type="text/javascript"> alert($) </script> </body> </html>
Alternatives
jQuery를 다운로드하고 호스팅하고 싶지 않다면 CDN(Content Delivery Network)을 통해 참조할 수도 있습니다.
Baidu, Youpaiyun, Sina, Google 및 Microsoft 모두 서버에 jQuery를 보유하고 있습니다.
사이트 사용자가 국내인 경우에는 바이두, 유파이윤, 시나 등 국내 CDN 주소를 사용하는 것이 좋습니다. 해외인 경우에는 구글, 마이크로소프트를 이용하시면 됩니다.
참고: 이 사이트의 모든 예제는 Baidu jQuery CDN 라이브러리를 사용합니다.
Baidu, Youpaiyun, Sina, Google 또는 Microsoft의 jQuery를 참조해야 하는 경우 다음 코드 중 하나를 사용하세요.
<!DOCTYPE html> <html> <head> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </script> </head> <body> <h2>这是一个标题</h2> <p>这是一个段落。</p> <p>这是另一个段落。</p> <button>点我</button> </body> </html>
Google CDN을 통해 사용 가능한 최신 버전을 다운로드하세요.
Google CDN을 사용하여 왜냐하면 Google 제품은 중국에서 매우 불안정하기 때문입니다.
Google URL에 있는 내용을 관찰하면 URL에 jQuery 버전(1.8.0)이 지정되어 있습니다. 최신 버전의 jQuery를 사용하려는 경우 버전 문자열 끝에서 숫자(예: 이 예에서는 1.8)를 제거하면 Google이 1.8 시리즈에서 사용 가능한 최신 버전(1.8.0, 1.8)을 반환합니다. .1 등), 또는 첫 번째 숫자만 남겨두는 것도 가능하며, Google은 1 시리즈에서 사용 가능한 최신 버전(1.1.0 ~ 1.9.9)을 반환합니다.
Baidu, Youpaiyun, Sina, Google 또는 Microsoft에서 jQuery를 사용하면 큰 이점이 있습니다.
많은 사용자가 jQuery를 통해 다른 사이트를 방문할 때 이미 Baidu, Youpaiyun, Sina, Google 또는 Microsoft에서 jQuery를 로드했습니다. 결과적으로 방문자가 귀하의 사이트를 방문할 때 jQuery가 캐시에서 로드되어 로드 시간이 단축됩니다. 동시에 대부분의 CDN은 사용자가 파일을 요청하면 사용자에게 가장 가까운 서버에서 응답이 반환되도록 보장하므로 로딩 속도도 향상될 수 있습니다.