jQuery 소개

jQuery 라이브러리는 단일 라인의 표시로 웹 페이지에 추가할 수 있습니다.

jQuery 라이브러리 - 특성

jQuery는 JavaScript 함수 라이브러리입니다.

jQuery 라이브러리는 다음과 같은 특성을 포함하고 있습니다:

  • HTML 요소 선택
  • HTML 요소 작업
  • CSS 작업
  • HTML 이벤트 함수
  • JavaScript 효과 및 애니메이션
  • HTML DOM 탐색 및 변경
  • AJAX
  • 사용자 정의 도구

jQuery 라이브러리를 페이지에 추가하십시오

jQuery 라이브러리는 모든 jQuery 함수를 포함한 JavaScript 파일에 위치해 있습니다.

jQuery를 웹 페이지에 추가하려면 아래 마크업을 사용할 수 있습니다：

<head>
<script type="text/javascript" src="jquery.js"></script>
</head>

주의하세요, <script> 태그는 페이지의 <head> 부분에 위치해야 합니다.

기본 jQuery 예제

아래 예제는 jQuery의 hide() 함수를 보여주며, HTML 문서 중所有的 <p> 요소를 숨깁니다.

예제

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$("document").ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>이는 제목입니다</h2>
<p>이는 구절입니다.</p>
<p>이는 또 다른 구절입니다.</p>
<button type="button">클릭하세요</button>
</body>
</html>

직접 시험해보세요

jQuery 다운로드

jQuery를 다운로드할 수 있는 두 가지 버전이 있습니다: 하나는 최적화된 버전이고, 다른 하나는 압축되지 않은 버전(디버깅이나 읽기 용)입니다。

이 두 버전은 모두 다운로드할 수 있습니다: jQuery.com 다운로드

라이브러리 대체

Google과 Microsoft은 jQuery에 대해 좋은 지원을 제공합니다。

jQuery 라이브러리를 자신의 컴퓨터에 저장하지 않고 싶다면, Google 또는 Microsoft에서 CDN jQuery 핵심 파일을 가져올 수 있습니다。

Google의 CDN을 사용합니다

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
</head>

Microsoft의 CDN을 사용합니다

<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.4.min.js"></script>
</head>