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

잔글 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight ))
 
(사용자 3명의 중간 판 24개는 보이지 않습니다)
1번째 줄: 1번째 줄:
{{소문자}}
{{소문자}}
==개요==
;jQuery, jQuery UI, jQuery mobile 최신 버전 사용
;jQuery, jQuery UI, jQuery mobile 최신 버전 사용
;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.1.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 의 마지막 버전)}}
*CDN에 있는 latest 버전을 사용하면 항상 최신 버전이 자동 적용되는 효과가 있다.
<syntaxhighlight lang='html'>
 
===jQuery===
;2.x 최신 버전
<source lang='html5'>
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//code.jquery.com/jquery.min.js"></script>
</source>
</syntaxhighlight>
;1.x 최신 버전
<syntaxhighlight lang='html'>
<source lang='html5'>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</source>
</syntaxhighlight>


===jQuery UI===
==jQuery UI==
<source lang='html5'>
{{소스헤더|1.11.4 버전}}
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
<syntaxhighlight lang='html5'>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.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===
==jQuery Mobile==
*latest 버전을 사용하면 좋겠지만 찾지 못했다.<ref>css와 js 버전이 서로 맞아야 해서 latest 버전을 내놓기 어려운 모양</ref>
{{소스헤더|1.4.5 버전}}
<source lang='html5'>
<syntaxhighlight lang='html5'>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.3/jquery.mobile.min.css">
<link rel="stylesheet" href="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="//code.jquery.com/jquery-latest.min.js"></script>
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.3/jquery.mobile.min.js"></script>
<script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</source>
</syntaxhighlight>


==같이 보기==
==같이 보기==
51번째 줄: 52번째 줄:
*[[jQuery Mobile]]
*[[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 }}