메뉴 건너뛰기

XE Guidebook

JQuery 개요
2016.07.29 13:39

01-03 jQuery 라이브러리의 설치와 사용

조회 수 55 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

▣ jQuery 라이브러리의 설치와 사용  


jQuery 라이브러리를 사용하려면 다음 2가지의 방법으로 사용하면 된다.
 
 
1. http://www.jquery.com에 접속하여 jquery 라이브러리 최신버전을 다운로드 후,
    웹 서버나 내 컴퓨터에 업로드한다.
 
    jQuery를 사용하고자 하는 웹문서에 다음과 같이 마크업을 해 준다.
 
   <head>
     <script type="text/javascript" src="jquery.js"></script>
   </head>
 
   ※ jQuery 라이브러리를 불러오는 <script>태그는 <head> ~ </head>안에 있어야 한다
 
 
2. jQuery 라이브러리를 로컬컴퓨터나 서버에 다운로드를 하지 않고
    jQuery, 구글, MS에서 지원하는 CDN을 이용하여 jQuery 라이브러리를 사용한다.   

 
    ※ CDN (Content Delivery Network)이란? 
         라이브러리 등과 같은 중요 콘텐츠를 특정 서버에 올려 놓고 사용하는 것을 말한다.
         즉 jQuery, 구글, MS 사에서 지원하는 CDN 서버에서 jQuery 라이브러리를 가져와 사용하면 된다.
 
 
    이 경우에는 아래와 같이 마크업을 하면 된다. 
  
 【jQuery】
 
      <head>
        <script type="text/javascript" src="https://code.jquery.com/jquery-3.1.0.min.js"> </script>
      </head>
 
 
【구글】

      <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
      </head>
 
 
【MS】
 
      <head>
        <script type="text/javascript" src="http://ajax.miscrosoft.com/ajax/jquery-3.1.0.min.js"></script>
      </head> 
 
  
※ jQuery library 서비스를 제공하는 CDN 서버의 웹주소는
     아래 그림에서 보는 바와 같이  jQuery 홈페이지에서 알 수 있다.
 
   ☞ http://jquery.com/download/ 
  

1-03-1 jQuery CDN.gif

   


List of Articles
번호 분류 제목 글쓴이
63 JQuery 개요 01-01 jQuery란? file happiziger
62 JQuery 개요 01-02 jQuery 기능 happiziger
» JQuery 개요 01-03 jQuery 라이브러리의 설치와 사용 file happiziger
60 JQuery 개요 01-04 jQuery 맛보기 예제 file happiziger
59 JQuery Core 02-01 jQuery Core file happiziger
58 JQuery Core 02-02 jQuery()를 이용하여 jQuery object를 생성하는 방법 happiziger
57 JQuery Core 02-03 jQuery 스크립트의 작성 위치와 문서준비이벤트의 사용 happiziger
56 JQuery Core 02-04 jQuery의 단축 표현인 “$” 변경하기 file happiziger
55 Selector 03-01 jQuery Selector 의의와 종류 happiziger
54 Selector 03-02 기본 셀렉터(Basic Selector) file happiziger
53 Selector 03-03 계층 선택자 (Hierarchy selector) file happiziger
52 Selector 03-04 속성 선택자 (Attribute Selector) file happiziger
51 Selector 03-05 기본 필터 선택자 (Basic Filter) file happiziger
50 Selector 03-06 내용 필터 선택자 (Content Filter) file happiziger
49 Selector 03-07 보임 필터 선택자 (Visibility Filter) file happiziger
48 Selector 03-08 자식 요소 필터 선택자 (Child Filter) file happiziger
47 Selector 03-09 폼 선택자 happiziger
46 Traversing 04-01 Traversing(탐색)의 개념 happiziger
45 Traversing 04-02 트리 구조 탐색 (Tree Traversal) file happiziger
44 Traversing 04-03 필터링 (Filtering) file happiziger
Board Pagination Prev 1 2 3 4 Next
/ 4