블로그 이미지
머드초보
개발자는 끊임없이 노력하지 않으면 아니된다. 라는 모티브를 가지고!

calendar

1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

Notice

Tag

    2010. 7. 31. 16:09 jQuery

    jQuery 란?

    • jQuery 는 HTML 문서보다 정확하게 문서 개체 모델 (DOM) 과 자바스크립트 사이의
      상호작용을 간단하게 해주는 오픈소스 자바스크립트 라이브러리다.
    • jQuery 이외에도 prototype , Dojo
    • JavaScript: The Definitive Guide ( http://oreilly.com/catalog/9780596000486 ) 추천
    • jQuery 의 철학 : 적게 작성하고 , 보다 많이 한다 [ Write less , do more ]

    jQuery 의 장점

    1. jQuery는 오픈소스, MIT와 GNU 일반 공개 라이센스(GPL)를 가지고 있다. 즉 무료
    2. jQuery는 경량화(최소18 KB) 압축해제(114 KB) 이다
    3. jQuery는 많은 사람들이 사용하고 있다.
    4. jQuery는 웹브라우저 간의 차이를 표준화하기에 따로 웹 브라우져단을 신경 쓸 필요 없다.
    5. jQuery는 깔끔한 플러그인 아키텍처를 사용하여 경량으로 제작 되었다
    6. jQuery 플러그인 자료실 (http://plugins.jquery.com/)은 광범위하며, jQuery가 출시 이후 꾸준히 성장하고 있다.
    7. jQuery의 API 는 인라인 코드 예제를 포함하여 완전하게 문서화 되어 있다.
    8. jQuery는 친화적이다. 즉 다른 자바스크립트 라이브러리들과 함께 사용할때 충돌을 피하기 위한 부분까지 신경쓰여 있다.
    9. jQuery는 현재 꾸준히 사용자가 늘어나고 있는 추세이다.

    jQeury 의 기본 사용 예

    • jQuery 는 기본적으로 Chain 형태를 띄고 있다.
      예시
      1. jQuery('div').hide;
          jQuery('div').text('jQuery');
          jQuery('div').addClass('updateClass');
          jQuery('div').show();

      2. jQeury('div').hide.text('jQuery').addClass('updateClass').show();

       위의 두 개의 예시는  동일한 결과를 낸다.
    • jQuery 의 래퍼(wrapper)란 의미는 jQuery 기능으로 둘러싸인 DOM 요소를
      HTML 페이지에서 선택하게 될거라는 의미.
    • jQuery 는 내부적으로 간결한 루프가 실행된다고 본다 즉 jQuery('div').each(function(){}). 가
      있는 것과 같다. HTML 에 div 개체가 여러개 있다고 하면 jQuery 는 다 찾아놓는다.



    * jQuery 관련 자료는 모두 O'REILLY 의 jQuery Cookbook 에서 발취하였습니다.
      상업적 목적 또는 문제가 될 소지가 있는 곳에 사용하지 말아주세요

     

     

    posted by 알 수 없는 사용자