1. 사전 필요 내용

프로젝트/웹_모바일 2011.09.29 18:17
Trackback : 0 , Comment : 0


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 파싱|작성자 기적

 

















 

저작자표시비영리
posted by 몰라용