[jQuery - 기본 - (1) ] jQuery 소개 및 기본적인 값 추출 방법

 jQuery

---

jQuery

 jQuery 소개
  기존의 자바스크립트로 사용했던 DOM 탐색의 경우, 아래의 명령문과 같이 id탐색, class 이름과 태그명으로 탐색하는 것이 전부였다.

document.getElementById("divId"); 
document.getElementsByClassName("className"); 
document.getElementsByTagName("input");

위의 명령어들을 jQuery에서는 아래와 같이 쓴다.

$("#divId");  // 이것은 아래와 비슷해 혼동 할 수 있지만, divId라는 Id명을 선택하는 것이다.
$(".className"); 
$("input");


// ajax에서 많이 쓰인다. (값 추출)
var reply={
bno:${board.bno},
replyer:$("#replyer").val(),
replytext:$("#replytext").val()
};

 

응용

1. Input태그들 중 특정한 Input을 가져 오고 싶다면

 $("Input[type='Input66']")

  jquery는 아래의 사이트에서 말하길 가볍고, DOM 탐색이나 이벤트, 애니메이션, ajax등을 활용할 때 유용하게 사용할 수 있는 라이브러리라고 하고, 아래의 사이트에서 다운로드/API 문서를 확인할 수 있다.
http://jquery.com