JQuery

0. 홈페이지 : http://jquery.com/
1. 위 사이트로 가면 다운로드, 튜토리얼, documentation 등 모든게 다 있다.
    다운로드 받아서 테스트나 프로젝트의 적당한 위치에 js파일을 두자

2. 사용 준비
    HTML문서 HEAD에 정의.
    예) <script src='jquery.js' type='text/javascript'></scrpt>

3. 사용 예


$(document).ready(function(){
var thisPageUrl = gv_ctxReqPath + '/mc/category/McCategoryTodoList.do';
var cpToDoListPagingDiv = $('#cpToDoListPagingDiv'); // 페이징 들어갈 레이어 객체
fn_commonPaging(cpToDoListPagingDiv
, gv_pageJson.listCount
, gv_pageJson.pageNo
, gv_pageJson.pageUnit
, gv_pageJson.pageMax
, thisPageUrl
, ''
, ''
, 'pageNo' );


// Cancel 버튼 클릭 이벤트
$('#btnCancel').bind("click", function (){
var cpProcessId = $(this).attr('cpProcessId');
var param = 'cpProcessId='+cpProcessId;
$.post(gv_ctxReqPath + '/mc/category/cancelBatchCategory.do',param,function(jsonReturn, textStatus, XMLHttpRequest){
if(textStatus=='success'){
if(jsonReturn.bResult)
{
alert('성공했습니다.');
document.location.reload();
}
else  alert('실패했습니다.');
}else{
alert('error');
}
});
});
});

웬만한 웹 개발자라면 위 단계로도 대충의 이해와 거의 모든 개발은 다 되리라 생각한다.

4. 설명

5. case 별 예제