jQuery
- 공식 사이트 - http://jquery.com
- wiki 백과사전 - http://ko.wikipedia.org/wiki/JQuery
미루다 미루다 이제서야 둘러보게된 jQuery 프레임워크...
어짜피 이젠 재미로 해보는거라 시간적으로 여유를 가지고 시작해봅니다.
기초지식은 공식사이트에 기본적인 함수나 사용법에 대해 서술해 놓았습니다.
책을 하나살까하다가 여러 참조 사이트와 jQuery 를 이용해 여러가지 모듈을 개발해놓은 사이트가
있고, 그래도 Javascript는 공부한게 있는데.... 라는 생각에 그냥해보기로 했습니다.
목표는 애니메이션까지 공부해보는거지만... 될런지 모르겠네요.
저와같은 초보자분들만....보세요...^^
jQuery를 호출하자.
지금 최신버전은 http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js 입니다.
아래와 같이 호출하면 됩니다.
appendTo
대충 살펴보니 아주 간단하면서도 알기쉽게 만들어놨습니다.
아래는 간단한 예이다. 이것 하나만 해도 상당히 간결하고 Javascript 코드도 간결해집니다. 햐!~~~~
설명이 없어도 BODY 테그안에 Hello 를 출력한다는
걸 쉽게 알수있습니다.
$는 jQuery를 사용한다는 약속입니다. 혹시나 다른 프레임워크를 사용한다면 충돌이 날수도 있습니다.
혹은 문서를 다읽기전 jQuery를 호출시 에러가 발생 할 수도 있습니다.
- jQuery 의 시작은 $ 이다.
- (출력문).appendTo(tag or id or class name);
css
입력형태
- tag의 입력형태 ("document.body" or "body" or "div > p > font" or
"#ID NAME > *" or ".CLASS NAME >
p")
"div > p > font" 의 의미는 <div><p><font>Hello</font></p></div> 이런형태의 tag일때 를 말한다. - id의 입력형태 ("#ID NAME" or "#ID NAME.ID SUB NAME" )
- class의 입력형태(".CLASS NAME" or ".C NAME.C SUB NAME")
id나 class이름은 "tree apple"형태가 가능합니다.. 이와같은 형태의 이름은 " . "을 이용합니다. - 모든곳에 적용할때는 " * "를 이용합니다.
- 혼용도 가능합니다. ("tag,tag,di,class")로도 사용 할 수 있습니다.
- form 태그는 ("form input")형태로 사용 할 수 있습니다.
위와같이 간단하게 입력형태를 알아보았습니다. 여기까지는 아주 쉽네요..
저도 공부하면서 쓰는거라 두서가 없습니다. 위의 예제나 자세한(영문 ^^)걸 원할땐 공식사이트로
가서 보시면 이해도 빠르시리라 생각듭니다.
