"JQuery CDN, 최신 버전 사용"의 두 판 사이의 차이

잔글 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight ))
 
(사용자 3명의 중간 판 48개는 보이지 않습니다)
1번째 줄: 1번째 줄:
{{소문자}}
{{소문자}}
==개요==
;jQuery, jQuery UI, jQuery mobile 최신 버전 사용
;jQuery 최신 버전 확인
;jQuery 최신 버전 확인
;jQuery 최신 버전 사용
;jQuery 최신 버전 적용
;jQuery 최신 버전 적용
*CDN에 있는 latest 버전을 사용하면 항상 최신 버전이 자동 적용되는 효과가 있다


==최신 버전 확인 및 사용==
==jQuery==
*브라우저에서 http://jquery.com/download/ 접속
{{소스헤더|3.2.1 버전}}
:여기에 보이는 버전이 최신버전이다.
<syntaxhighlight lang='html'>
:1.x 버전대와 2.x 버전대가 있다. 아직은 1.x 버전대를 추천(IE 8 지원)
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
*[Download the compressed, production jQuery x.x.x] 클릭하여 나오는 주소창에 나오는 URL을 사용하자.
</syntaxhighlight>
<source lang='html5'>
<syntaxhighlight lang='html'>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
</source>
</syntaxhighlight>
<source lang='html5'>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</source>


==항상 최신 버전 적용 (latest)==
{{소스헤더|1.11.1 버전 (1.x.x 의 마지막 버전)}}
*다음 주소의 js 파일을 사용하면 항상 최신버전을 로딩하게 된다.
<syntaxhighlight lang='html'>
*필자는 jquery-latest.min.js 를 추천한다.
<script src="//code.jquery.com/jquery.min.js"></script>
:사실상 이것이 공식적으로 가장 권장되는 버전이라 할 수 있다.
</syntaxhighlight>
:장점: 안정화 버전(production), 용량이 작음, 버전 업데이트에 자동 대응
<syntaxhighlight lang='html'>
:단, [[미션 크리티컬]](?) 웹사이트라면 위 문단처럼 버전을 명시하여 사용하자.<ref>버전 변경에 따라 어떤 기능이 갑자기 안될 수도 있기 때문이다. 또한 안정화 버전(production)이지만 예기치 못한 결함이 포함되어 있을 가능성이 전혀 없다고는 할 수 없다.</ref><ref>중요 웹사이트라면 자체 웹서버에서 제공해야 할 것이다. 최종사용자의 컴퓨터에서 code.jquery.com으로 접속이 단절되는 경우도 생각해볼 수 있다. (… 아니 그런 경우는 없을 것 같은데? )</ref>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</syntaxhighlight>


<source lang='html5'>
==jQuery UI==
<script src="//code.jquery.com/jquery-latest.min.js"></script>
{{소스헤더|1.11.4 버전}}
</source>
<syntaxhighlight lang='html5'>
<source lang='html5'>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="//code.jquery.com/jquery.min.js"></script>
</source>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
</syntaxhighlight>
{{소스헤더|git 버전 (unstable)}}
<syntaxhighlight lang='html5'>
<link rel="stylesheet" href="//code.jquery.com/ui/jquery-ui-git.css">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//code.jquery.com/ui/jquery-ui-git.js"></script>
</syntaxhighlight>
 
==jQuery Mobile==
{{소스헤더|1.4.5 버전}}
<syntaxhighlight lang='html5'>
<link rel="stylesheet" href="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</syntaxhighlight>


==같이 보기==
==같이 보기==
*[[Bootstrap 최신 버전 사용]]
*[[jQuery 시작하기]]
*[[jQuery]]
*[[jQuery]]
*[[jQuery UI]]
*[[jQuery Mobile]]


==주석==
==참고==
<references/>
*http://stackoverflow.com/questions/441412/is-there-a-link-to-the-latest-jquery-library-on-google-apis
* http://jquery.com/download/  


==참고 자료==
*http://stackoverflow.com/questions/441412/is-there-a-link-to-the-latest-jquery-library-on-google-apis
[[분류: jQuery]]
[[분류: jQuery]]
[[분류: 버전]]
[[분류: 버전]]

2020년 11월 2일 (월) 02:53 기준 최신판

1 개요[ | ]

jQuery, jQuery UI, jQuery mobile 최신 버전 사용
jQuery 최신 버전 확인
jQuery 최신 버전 적용
  • CDN에 있는 latest 버전을 사용하면 항상 최신 버전이 자동 적용되는 효과가 있다

2 jQuery[ | ]

3.2.1 버전
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
1.11.1 버전 (1.x.x 의 마지막 버전)
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

3 jQuery UI[ | ]

1.11.4 버전
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
git 버전 (unstable)
<link rel="stylesheet" href="//code.jquery.com/ui/jquery-ui-git.css">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//code.jquery.com/ui/jquery-ui-git.js"></script>

4 jQuery Mobile[ | ]

1.4.5 버전
<link rel="stylesheet" href="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

5 같이 보기[ | ]

6 참고[ | ]

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}