jQuery 제이쿼리 시작해볼까요.
jQuery는 Javascript Library입니다.
jQuery는 Javascript 프로그래밍을 매우 단순하게 해줍니다.
jQuery는 배우기 쉽습니다.
jQuery 라이브러리는 웹페이지에 단 한줄을 추가하여 사용할 수 있습니다.
[배우기 전에 알아둬야 할 부분]
jQuery를 배우기 전에 다음 사항에 대한 기본 지식이 있어야 합니다.
- HTML
- CSS
- Javascript
[jQuery란 무엇인가?]
jQuery는 javascript 함수들로 이루어진 라이브러리입니다.
jQuery 라이브러리는 다음과 같은 특징이 있습니다.
- HTML 엘리먼트 선택
- HTML 엘리먼트 조작
- CSS 조작
- HTML 이벤트 함수
- javascript 효과 및 에니메이션
- HTML DOM traversal과 수정
- AJAX
- Utilities
[웹페이지에 jQuery 라이브러리 추가하기]
jQuery 라이브러리는 javascript 파일로 저장되어 있고, 모든 jQuery 메서드를 담고 있습니다.
다음과 같은 마크업으로 웹페이지에 추가할 수 있습니다.
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
<script>태그가 <head></head>안에 있어야 한다는 점에 주의하세요.
[jQuery 기본 예제]
다음의 예제는 jQuery의 hide() 메소드를 설명하고 있습니다. 이 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>Click me</button>
</body>
</html>
[jQuery 다운로드]
jQuery는 두 가지 버전이 있습니다. 하나는 작게 축소한 버전이고, 또 하나는 압축하지 않은 버전입니다. 압축하지 않은 버전은 디버그나 내용확인을 위한 것입니다.
두 버전 모두 http://www.jquery.com 에서 다운로드할 수 있습니다.
jQuery 라이브러리를 (개발용)로컬컴퓨터나 서버에 다운로드를 하지 않고 구글이나 MS에 있는 jQuery 라이브러리로 사용할 수도 있습니다.
이 때는 아래와 같이 소스를 삽입하여 사용하면 됩니다.
[구글]
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
[MS]
<head>
<script type="text/javascript" src="http://ajax.miscrosoft.com/ajax/jquery-1.4.2.min.js"></script>
</head>
'☆코딩개발' 카테고리의 다른 글
| jQuery 제이쿼리의 Events 방식 (0) | 2013.03.04 |
|---|---|
| jQuery 제이쿼리의 Selectors를 소개합니다. (0) | 2013.03.04 |
| jQuery 제이쿼리의 문법에 대해서 알아봅시다. (0) | 2013.03.04 |
| POJO 란 무엇인가 (0) | 2013.02.22 |
| 이클립스에서 사용하는 유용한 단축키 (0) | 2013.02.12 |
| Runnable 쓰레드 정지했다가 재시작하는 방법! (0) | 2013.02.05 |