1. 제이쿼리 홈페이지 둘러보기 : http://jquery.com/
- 메뉴 Documentation, Tutorials를 주로 보았고, 주로 보게될꺼고, 주로 보라고 하셨다.
2.1.1. 제이쿼리 다운로드 : http://docs.jquery.com/Downloading_jQuery
2.1.2. 제이쿼리 적용 : http://docs.jquery.com/How_jQuery_Works
(경로만 지정해주면된다 : <script src="jquery.js"></script>)
2.2 다운안받고 jQuery쓰는법
- URL에서 제공해주는걸 갖다써도 jQuery를 사용하는데는 문제없다.
※ 하지만 상용에서는 js파일이 없어지거나 경로가 수정될수도 있는일이므로, 실습할때만 사용하라고 하셨다..
<script src="http://code.jquery.com/jquery-latest.js"></script>
구글 - http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
MS - http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js
3. 시작 : http://docs.jquery.com/How_jQuery_Works
<script type="text/javascript"> $(document).ready(function(){
$("a").click(function(event){ // a태그가 클릭되었을때 alert("Thanks for visiting!"); }); }); </script>
[ jQuery 기본시작함수 ]
$(document).ready(function)
: 페이지가 모두 로드되진 않았지만 DOM이 준비되어 있을 경우 발생한다.
: window.onload = function() {}
jQuery(document).ready(function)
== $(document).ready(function)
== jQuery(functino())
모두 같다
4. 주로 봐야할부분
Selecter & Event & Effect
참고
Selectors : http://www.w3schools.com/jquery/jquery_ref_selectors.asp
http://api.jquery.com/category/selectors/
Events :
http://www.w3schools.com/jquery/jquery_ref_events.asp
http://api.jquery.com/category/events/
Effects :
http://www.w3schools.com/jquery/jquery_ref_effects.asp
http://api.jquery.com/category/effects/
'Front-End > jQuery' 카테고리의 다른 글
이클립스에 jQuery 플러그인 설치하기 (0) | 2012.04.05 |
---|---|
5) Selectors - firstChild & nextSibling (0) | 2012.04.05 |
4) Selectors - 태그접근(태그,id,class) (0) | 2012.04.05 |
1) 오브젝트 개수보기 (0) | 2012.04.04 |
모든 Element 개수 파악하기 (0) | 2012.04.04 |