-
1. 사전 필요 내용과거...../웹_모바일 2011. 9. 29. 18:17
Jquery 는 HTML문서,보다 정확하게는 문서 개체 모델과 자바스크립트 사이의상호작용을 간단하게 해주는 오픈 소스 자바스크립트 라이브러리이다.
문서 객체 모델(DOM; Document Object Model)은 객체지향 모델로써 구조화된 문서를 표현하는 형식이다
jquery 참고 :
http://ko.wikipedia.org/wiki/JQuery
DOM 참고:
http://ko.wikipedia.org/wiki/%EB%AC%B8%EC%84%9C_%EA%B0%9D%EC%B2%B4_%EB%AA%A8%EB%8D%B8
* 개발 환경 : 이클립스
- jquery 플러그인 설치 따라할 블로그:http://antop.tistory.com/75
- html 플러그인 설치 따라할 블로그: http://www.joon.pe.kr/blog/245
* 개발 공부 사이트 : http://www.ibm.com/search/csass/search/?sn=dw&lang=ko&cc=KR&en=utf&hpp=20&dws=kodw&lo=ko&q=jquery&Search=%EA%B2%80%EC%83%89
* 개발시 무조건 상대경로로 작업할 것
*기타 코드
-jquery로 xml 파싱
$(document).ready(function(){
$.ajax({
type: "GET",
url: "http://www.abc.com/cache/abc/main_a.xml",
dataType: "xml",
success: function(xml) {
var lastCount = 3;
var xmlLast = $(xml).find("ITEM").size() - 1;
var xmlRandomNo = [0, 1, 2];
for (var i = 0; i < xmlRandomNo.length; i++) {
xmlRandomNo[i] = parseInt(Math.random() * xmlLast);
} //랜덤값으로 3개만 보여주기 위하여
$(xml).find('ITEM').each(function(){
var INDEX = $(this).attr('INDEX');
if (INDEX == xmlRandomNo[0] || INDEX == xmlRandomNo[1] || INDEX == xmlRandomNo[2]){
var TITLE = $(this).attr('TITLE');
var THUMBNAIL = $(this).attr('THUMBNAIL');
var ID = $(this).attr('ID');
$('<li></li>')
.html('<a href="/abc/index.jsp?t='+ID+'" title="'+ TITLE +'" class="subject">'+ TITLE +'</a>')
.append('<div class="thumbnail"><a href="/abc/index.jsp?t='+ID+'"><img src="'+THUMBNAIL+'" alt="'+ TITLE +'" title="'+ TITLE +'" /></div></a>')
.appendTo('.thema-list');
}
}); //close each(
}
}); //close $.ajax(
});[출처] jQuery XML 파싱|작성자 기적