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>



+ Recent posts