본문 바로가기

발견 discovery

제이쿼리 사용하는 방법

Adding jQuery to Your Web Pages

제이쿼리 추가


There are several ways to start using jQuery on your web site. You can:

제이쿼리를 사용하는 방법은 몇 가지가 있다:


- Download the jQuery library from jQuery.com

- jQuery.com에서 제이쿼리 라이브러리를 다운로드


- Include jQuery from a CDN, like Google

- CDN으로부터 제이쿼리를 포함, 구글처럼





Downloading jQuery

There are two versions of jQuery available for downloading:

다운로드를 위한 제이쿼리는 2개의 버전이 있다:


- Production version - this is for your live website because it has been minified and compressed

- 생산용 버전 - 이 버전은 작고 압축되어 있기 때문에, 웹사이트를 위한 것이다.


- Development version - this is for testing and development (uncompressed and readable code)

- 개발용 버전 - 이 버전은 테스트와 개발을 위한 것이다. (비압축이고 코드 읽기가 가능)



Both versions can be downloaded from jQuery.com.

두 버전 모두 jQuery.com에서 다운로드할 수 있다.


The jQuery library is a single JavaScript file, and you reference it with the HTML <script> tag (notice that the <script> tag should be inside the <head> section):

제이쿼리 라이브러리는 자바 스크립트 파일로만 이루어져 있다, 그리고 HTML에 <script> 태그로 참조하여 이용할 수 있다. (<head> 영역 안에 <script> 태그를 공지해야 한다.):


<head>
<script src="jquery-1.11.3.min.js"></script>
</head>





Tip: Place the downloaded file in the same directory as the pages where you wish to use it.

팁: 다운로드 파일 (제이쿼리 라이브러리)는 제이쿼리를 사용되길 원하는 페이지와 같은 디렉터리 안에 있어야 한다.


[NOTE] Do you wonder why we do not have type="text/javascript" inside the <script> tag?

왜 <script> 태그에 type="text/javascript"가 없을까?


This is not required in HTML5. JavaScript is the default scripting language in HTML5 and in all modern browsers!

HTML5에서 요구하지 않는다. 자바 스크립트는 HTML5와 거의 모든 브라우저에서 디폴트 스크립트 언어이기 때문이다!





jQuery CDN

If you don't want to download and host jQuery yourself, you can include it from a CDN (Content Delivery Network).

만약 제이쿼리를 나의 웹사이트 자체에서 제공하고 싶지 않다면, CDN (Content Delivery Network)으로부터 제이쿼리를 포함시킬 수 있다.


Both Google and Microsoft host jQuery.

구글, 마이크로소프트 둘 다 제이쿼리를 제공한다.


To use jQuery from Google or Microsoft, use one of the following:

구글 또는 마이크로소프트를 통해 제이쿼리를 사용하는 것은, 한 가지만 따르면 된다.


Google CDN:

<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

</head>


Microsoft CDN:

<head>

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.3.min.js"></script>

</head>





[source] http://www.w3schools.com/jquery/jquery_get_started.asp











손정보 손링크 손어플 - 새로운 블로그, 오늘은












담백하게. 괜찮은 방향으로. 오늘은


오늘은 추천 페이지 건너뛰기

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.


000.

000.

최근삼개월 오늘은인기Twenty - 베스트


최근영개월 오늘은추천Twenty - 추천추천


최근영개월 오늘은주요Forty - 다좋아하지만 그중에서좀더좋아하는


000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.

000.


000.

000.

오늘은 블로그를 방문해 주셔서 감사합니다.

오늘은 블로그 (http://www.s740abcdefg.com/)는, PC에서 더 많은 기능과 정보를 제공합니다. 감사합니다.