jQuery 사용하기

jquery 시작 2009. 6. 30. 00:58

jQuery: The Basics

<!DOCTYPE html>
<html lang="en">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
   <script type="text/javascript">
     $(document).ready(function(){
       $("a").click(function(event){
         alert("As you can see, the link no longer took you to jquery.com");
         event.preventDefault();
       });
     });
    
   </script>
</head>
<body>
   <a href="http://jquery.com/">jQuery</a>
</body>
</html>

 

  • script 파일은 <head> 태그 사이에 위치 시킵니다.
  • $(document).ready(function(){   // Your code here }); 는 자바스크립트 window.onload의 문제를 우회하기 위해서 이용합니다.
    • window.onload = function() { alert("welcome"); } 는 웹페이지의 구조(DOM)가 로드된 직후에 호출되지 않고, 페이지 내의 모든 컨텐츠(이미지, 광고배너, 스크립트파일등)가 로드되어야만 호출이 되는 문제를 가지고 있음.
  • event.preventDefault() 는 이벤트의 기본적인 행동을 방해합니다. 위의 샘플의 경우 페이지 이동을 하지 않습니다.
  • 위의 예의 경우는 링크 클릭시 alert 창만 띄우고 페이지가 이동하지 않습니다.  

'jquery 시작' 카테고리의 다른 글

jQuery : 탐색(Traversing) 메서드 - 출처 : TAEYO (taeyo.net)  (0) 2009.06.30
jQuery : 조작(Manipulation) 메서드 - 출처 : TAEYO (taeyo.net)  (0) 2009.06.30
jQuery 셀렉터 : 필터 사용하기 - 출처 : TAEYO (taeyo.net)  (0) 2009.06.30
jQuery, 기본 셀렉터 - 출처 : TAEYO (taeyo.net)  (0) 2009.06.30
jQuery 다운로드  (0) 2009.06.29
Posted by 바람이불면
,

jQuery 다운로드

jquery 시작 2009. 6. 29. 12:01

jQuery 다운로드

 

jQuery 다운로드

여러 브라우저에서 안정적으로 이용하려면 jQuery 추천버젼을 사용을 권장합니다.

jQuery 는 두개의 버젼으로 이루어져 있습니다.

  • minified versions
    • 압축이 되어 있지 않아 packed versions 보다는 사이즈가 크지만, 압축을 푸는 과정이 없어 빠르게 실행이 가능한 버젼입니다.
  • packed versions
    • packed versions 은 minified versions 과는 다르게 압축이 되어 있어, 클라이언트에서 실행시에 압축해제 과정이 있어 minified versions 보다는 실행이 느립니다.

Current Release

문서

API Reference, html 파일형식으로 zip압축되어 있습니다.

Past Releases


Nightly Builds

서브버젼 저장소에 접근권한이 없는 사람, 저장소로 부터 파일을 카피하여 본인이 직접빌드를 원하지 않은 사람들이 작업하여 서브버젼에 올려놓은 소스코드는 야간에 빌드과정을 거쳐서 만들어 집니다. 

The nightly files 은 여기 (http://code.jquery.com/nightlies/) 에서 이용할 수 있습니다. 해당 디렉토리안에 아래와 같은 파일이 있습니다 :

 

Subversion (SVN)

  • jQuery 는 SVN 이라는 최근기술을 가지고 온라인상에서 유지관리가 되고 있습니다.  만약에 jQuery 의 더욱더 최근 버젼을 받고싶으면, nightly builds 을 이용하십시요.
  • 아래와 같은 양식으로 연결하시면 jQuery의 다른버젼을 이용할 수 있습니다 : 
svn co http://jqueryjs.googlecode.com/svn/tags/<version>e.g. svn co http://jqueryjs.googlecode.com/svn/tags/1.0.4
  • jQuery UI 코드는 아래의 SVN으로 분리되어 있습니다 : 
svn co http://jquery-ui.googlecode.com/svn/tags
 

Build 요구사항

jQuery 아래의 컴포넌트가 설치되어 있어야 빌드가 가능합니다 :

  • A build system (either make or ant works):
    • make: Available on most Unix-based system (Unix, BSD, OSX, Cygwin)
    • ant: Available on any platform with JDK and ANT installed
  • java: A copy of Java, version 1.4.0 or later

Build 과정

make or ant 를 이용해서 빌드를 합니다.처음에 jQuery 디렉토리를 이동하면 6개의 디렉토리가 있습니다.  (jquery, plugins, qunit, themes, tools, ui).

make 를 이용해서 JQuery  만들기:

  • make 를 이용해서 jQuery 만들기 :  make
    • jquery.js, jquery.pack.js, and jquery.lite.js 가 대상 디렉토리에 만들어 집니다.
    • cat.xml and index.xml 가 docs 디렉토리에 만들어 집니다.
    • test 디렉토리안에 tests 가 구축됩니다.
  • To just build docs: make docs
  • To just build packed jQuery: make pack
  • To just build tests: make test

ant 를 이용해서 jQuery 만들기:

  • To create jQuery: ant
    • jquery.js, jquery.pack.js, and jquery.lite.js 가 대상 디렉토리에 만들어 집니다.
    • cat.xml and index.xml 가 docs 디렉토리에 만들어 집니다.
    • test 디렉토리안에 tests 가 구축됩니다.
  • To just build docs: ant docs
  • To just build packed jQuery: ant pack
  • To just build tests: ant test
 

'jquery 시작' 카테고리의 다른 글

jQuery : 탐색(Traversing) 메서드 - 출처 : TAEYO (taeyo.net)  (0) 2009.06.30
jQuery : 조작(Manipulation) 메서드 - 출처 : TAEYO (taeyo.net)  (0) 2009.06.30
jQuery 셀렉터 : 필터 사용하기 - 출처 : TAEYO (taeyo.net)  (0) 2009.06.30
jQuery, 기본 셀렉터 - 출처 : TAEYO (taeyo.net)  (0) 2009.06.30
jQuery 사용하기  (0) 2009.06.30
Posted by 바람이불면
,

티스토리툴바