1. 제이쿼리(jQuery) 개요
- 모든 브라우저에서 동작하는 클라이언트 자바스크립트 라이브러리
- 무료로 사용 가능한 오픈 소스 라이브러리
- 문서 객체 모델과 관련된 처리를 쉽게 구현
- 일관된 이벤트 연결을 쉽게 구현
- 시각적 효과를 쉽게 구현 (웹 표준만으로도 플래시 & 실버라이트로 구현한 것과 비슷한 수준의 시각적 효과)
- Ajax 애플리케이션을 쉽게 개발
2. jQuery 버전
- jQuery 버전이 2.X 되면서 익스플로러 8 버전 이하를 포기
- 8버전 이하가 사라질 때 까지 1.X 버전의 업그레이드 지원
3. jQuery 사용
- CDN 호스트를 사용하는 방법
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
- 직접 내려받아 사용하는 방법
<script src="jquery-1.10.2.js"></script>
4. jQuery 이클립스 보조기능
- 2013/11/13 - [Eclipse] - 이클립스(Eclipse) jQuery 플러그인(자동완성 지원) JSDT 설치
5. jQuery 와 $
- 자바스크립트에서 식별자로 사용할 수 있는 특수 기호는 '$'와 '_' 2가지가 존재, $를 식별자로 사용
6. jQeury 사용 - $(document).ready()
- jQuery를 사용한 모든 웹페이지는 다음 코드롤 시작
- jQuery의 이벤트 메서드는 여러 개의 함수를 연결 가능
<!--hello_jQuery.html -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>hello_jQuery</title>
<script src="jquery-1.10.2.js"></script>
<script type="text/javascript">
$(document).ready(function() {
alert('one');
});
// 위의 방식을 아래와 같이 간단한 형태로 사용 가능
$(function() {
alert('two');
});
</script>
</head>
<body>
</body>
</html>
'Web > jQuery' 카테고리의 다른 글
| 제이쿼리(jQuery) 문서 객체 조작 - #2 (0) | 2013.11.28 |
|---|---|
| 제이쿼리(jQuery) 문서 객체 조작 - #1 (0) | 2013.11.26 |
| 제이쿼리(jQuery) 선택자 - #2 (0) | 2013.11.26 |
| 제이쿼리(jQuery) 선택자 - #1 (2) | 2013.11.26 |