Simulz :: (jQuery) 연결하기

(jQuery) 연결하기

PC&웹/웹프로그래밍 : 2010/01/18 17:51

기존의 복잡한 자바스크립트 코드를 대체할 jQuery 라이브러리를 소개한다.

jQuery
사이트: http://jquery.com/
문서: http://docs.jquery.com/Main_Page

API추천 사이트
http://remysharp.com/jquery-api/

jQuery 연결하기

jQuery를 사용하기 위해 JS 파일을 자신의 웹서버에 올려놓고 연결해도 되지만
관리의 편리함과 트래픽 감소를 위해 Google AJAX Libraries API에서 연결하는 것을 추천한다.

Google AJAX Libraries API
http://code.google.com/intl/ko-KR/apis/ajaxlibs/

여기서 jQuery 항목은 아래 페이지에서 볼 수 있다.
http://code.google.com/intl/ko-KR/apis/ajaxlibs/documentation/index.html#jquery

HTML 문서에 다음과 같이 추가할 수 있다.<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>

이것 보다는 아래의 방법을 추천한다.

아래와 같이 추가하면 여러 라이브러리를 연결할 때 간략히 할 수 있다.
또, 자동으로 입력한 버전의 최신 버전이 연결된다.
<script src="http://www.google.com/jsapi"></script> <script> google.load("jquery", "1"); google.load("jqueryui", "1"); </script>

버전을 1만 입력하면 1.x.x 최신 버전의 파일이 연결된다.
1.4를 입력하면 1.4.x 최신 버전의 파일이 연결된다.

google.load("jqueryui", "1"); 는 UI 플러그인이 필요할 때 입력한다.

'PC&웹 > 웹프로그래밍' 카테고리의 다른 글

(jQuery) 서버에 데이터 전송하기 (0)	2010/01/20
(jQuery) 외부 파일 불러오기 (1)	2010/01/20
(jQuery) 연결하기 (0)	2010/01/18
의정부시 CCTV 멀티 뷰어 (0)	2010/01/18
(CSS) Web Slice (웹조각 적용하기) (0)	2009/03/27
Ajax로 실시간 갱신 하기 (0)	2007/09/03