1. http://jquery.com 에서 다운받기.
2. **.min.js 파일은 minified버전. 파일용량을 최소화한 버전임.
이클립스에 포함시키면 빨간표시가 나는데 실행하는데는 상관없음.이클립스상에 체크에 걸려서 표시 되는것이므로 문법상 오류는 아님.
3. 기본형식
$(document).ready(function(){
});
1) window.onload = function(){} 와 동일한 기능.
2) 이벤트에 여러개 함수 연결 가능.
$(document).ready(function(){
...
});
$(document).ready(function(){
,,,
});
...
3) 간단한 형식
$(function(){
...
});
4. 기본 선택자
- css와 유사함.
1) 전체 선택자
- $('*').css('color','Red');
2) 태그 선택자
: 태그명을 사용한다.
- $('h1').css('color','Orange');
- $('h1','p').css('color','blue');
3) 아이디 선택자
: id를 가지는 문서객체 선택
: id는 페이지내 단하나만 존재해야 한다.
- $('#header').css('color','orange');
4) 클래스 선택자
$('.class').css('color','blue');
$('h1.item').css('background','red');
ex>
<!DOCTYPE html>
<html>
<head>
<title>INDEX</title>
<script src="jquery-1.9.1.js"></script>
<script>
$(document).ready(function(){
$('.item').css('color','orange');
$('.item.select').css('color','red');
});
</script>
</head>
<body>
<h1 class="item">header 1</h1>
<h1 class="item select">header 2</h1>
<h1 class="item">header 3</h1>
</body>
</html>
; class에 item과 select 를 찾을려면 .item.select 붙여서 찾는다.
'WEB > jQuery' 카테고리의 다른 글
| 2. jQuery 선택자(자식/후손/속성/필터) (0) | 2013.04.17 |
|---|