jQuery/DOM&jQuery
jQuery 알아보는 간단한 예제
샷타이거
2009. 9. 3. 13:55
jQuery 맛보기
일반적인 자바스크립트 방법,그리고 분리된 모습,jQuery소스를 보면서 비교해보자
일반적으로 내부에 포함된 스크립트
- 클릭하면 사라짐
- 클릭하면 사라짐
- 클릭하면 사라짐
이와같은 방법은 초창기 자바스크립트가 사용되고 마구남발되었을떄 사용되던것이며(물론지금도 어쩔수 없이 사용되기도하지만) 스크립트와 html의 뒤섞여 많이 사용이반복되고 다른 코드들이있다면 혼란스러워진다 이제 분리한예제를보자
스크립트와 html분리
- 클릭하면 사라짐
- 클릭하면 사라짐
- 클릭하면 사라짐
분리는되었으나 onload속성을 추가하여 바인딩되는시점을 지정했다.하지만 onload시점은 모든 소스들이 load되는 시점으로 이렇게 할경우 시간이 지연될 수 있다.
jQuery
- 클릭하면 사라짐
- 클릭하면 사라짐
- 클릭하면 사라짐
무척단순함을 알수있다 코드도 짧고,사용도편리하다
jQuery를 배워야하지만 이미 자바스크립트를 조금이라도 안다면 배우기 쉽다.또한 필요한경우 반드시 소스의 내용자체를 알필요없이 pulg-in으로 이용할수 있다.(물론이전에도 소스를 복사 붙임으로 사용해왔지만 표준화되지않은 점과 간결성 등에 문제가많다)
이상 jQuery에 대한 간단한 소개였고 다음엔 사용법을 알아보자