jQuery Introductions

jQuery 소개

● 자바스크립트 라이브러리(오픈소스)

● 2006년 1월 John Resig이 발표

● 모든 브라우저에서 실행되는 클라이언트 자바스크립트

● DOM 인터페이스 사용에 대한 편의성

● AJAX에 구현에 대한 편의성

● 이벤트핸들러 설정의 통일성

● DOM, AJAX를 이용한 쉬운 시각적 효과

jQuery 장점

● 웹표준을 사용하면서도 고수준의 시각적 효과를 구현할 수 있다

● 스마트폰의 웹브라우저에서도 실행가능

jQuery 다운로드

● http://jquery.com

jquery-1.7.2.js  (비 압축 파일)

jquery-1.7.2.min.js

jQuery 사용법

● 다운로드후 웹서버에 저장하여 웹페이지에 포함

● 웹서버에 저장하지 않고 CDN호스트를 사용하는 방법 : <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

● CDN : Content Delivery Network, 사용자가 간편하게 jQuery 라이브러리를 사용할 수 있음

아래의 링크를 참조하여 가능한 CDN URL과 jQuery 버전을 확인할 수 있음

http://code.jquery.com/

CDN HOSTED JQUERY

A number of large enterprises provide hosted copies of jQuery on existing CDN networks that are available for public use. Below are links to the CDN-hosted copies of jQuery that you may hotlink to.

• Google Ajax API CDN (Also supports SSL via HTTPS)
  • http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
  • http://code.google.com/apis/ajaxlibs/documentation/index.html#jquery Google Ajax CDN Documentation]
• Microsoft CDN (Also supports SSL via HTTPS)
  • http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js
  • Ajax CDN Announcement, Microsoft Ajax CDN Documentation
• jQuery CDN (via Media Temple)
  • http://code.jquery.com/jquery-1.7.2.min.js Minified version
  • http://code.jquery.com/jquery-1.7.2.js Development (Full) version

DOWNLOAD JQUERY

● http://code.jquery.com/jquery-1.7.2.min.js

● http://code.jquery.com/jquery-1.7.2.js

jQuery 설정 후 실행테스트

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

<script>

   $(document).ready( function() {

      alert("document ready");

     }

   );

</script>

위의 코드는 다음과 같은 내용임

<script>

  window.onload= function() {

      alert("document ready");

     }

   );

</script>

다음과 같이 간편한 형식도 가능하다

<script>

   $( function() {

      alert("document ready");

     }

   );

</script>