jQuery는 HTML/CSS, Javascript와 Ajax를 사용하는데 있어 필수적 JavaScript 경량 라이브러리입니다.


예전에는 Prototype과 jQuery가 양분하고 있었는데, 자연스럽게 jQuery로 넘어가 버렸죠... 현재는 모든 개발자, 퍼블리셔들이

jQuery를 이용한다고 보면 됩니다.


그만큼 가볍고 기능적으로 막강하다는 반증이겠죠..


jQuery는 기본적 원리만 알면 그 이후에는 Document를 찾아서 사용하면 되요.. 


$(document).ready()는 DOM이 로드되고 이미지가 로드되기 직전에 특정한 작업을 수행할때, 사용됩니다.


$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});


여기서 $()는 팩토리 함수라하며 다음가 깉이 Selector를 지정할 수 있습니다.


$('p')는 도큐먼트 내에서 모든 HTML 단락요소 (p요소)를 얻어냅니다.

$('#some-id') 는 도큐먼트 내에서 some-id라는 ID를 가진 단일요소를 가져오죠..

$('.some-class')는 도큐먼트 내에서 some-class라는 클래스 이름을 가진 모든 요소를 가져옵니다.


해당요소를 가져와 후 처리를 하면 되겠죠??


다음 예제는 hide라는 ID를 가진 놈이 클릭되면 감추고, show라는 ID를 가진 놈이 클릭되면 보여주는 예제입니다.


$(document).ready(function(){
  $("#hide").click(function(){
    $("p").hide();
  });
  $("#show").click(function(){
    $("p").show();
  });
});


DEMO

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_hide_show


너무 간단하고 쉽죠??