반응형
01. 제이쿼리
- 모질라 사의 자바스크립트 개발자였던 존 레식(John Resig)이 창시
- 자바스크립트를 이용해 만든 라이브러리 언어(다양한 함수의 집합)
02. 장점
(1) 호환성 문제점 해결
- 자바스크립트는 호환성(크로스 브라우징)이 떨어짐.
예시1. 문서 객체 선택자를 이용해 다음요소(nextSibling)할 때, 공백 문자의 인식여부에 따른 문제.
예시2. 이벤트 객체를 생성할때 IE브라우저8 이하 버전과 그 이외의 브라우저에서 실행결과 차이가 있음.
- 제이쿼리에서 호환성(크로스 브라우징) 문제들을 해결함.
(2) 쉽고 편리한 애니메이션 효과 기능 구현
- 자바스크립트로 애니메이션 효과를 구현하려면 많은 코드를 사용해야했고, 개발시간도 많이 들었음.
- 다양한 효과(Effect)를 지원하는 메서드 제공
03. 라이브러리 연동
(1) 다운로드 방식
- 제이쿼리사이트 에 접속하여 다운로드
- <head> 영역에서 라이브러리 파일을 불러옴
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
(2) 네트워크 전송 방식 (CDN : Content Delivery Network)
- 네트워크로 파일을 가져오는 방식
- 영역에서 라이브러리 파일을 불러옴
<!-- JQuery CDN -->
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script> <!--최신버전-->
<!-- Google CDN -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<!-- Microsoft CDN -->
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js"></script>
반응형
'JavaScript +HTML5 + CSS3' 카테고리의 다른 글
| [Core JavaScript] 1. Data Type (0) | 2021.08.29 |
|---|---|
| [JQuery] Ajax (0) | 2021.08.16 |
| [JQuery] 선택자(Selector) (0) | 2021.08.16 |
| [JavaScript] 01. Javascript란? (0) | 2021.08.13 |
| [HTML5+CSS3] 기본정리 (0) | 2020.10.03 |