자바스크립트와 jQuery 라이브러리 응용

학습목표 - 자바스크립트의 타이머 함수를 알아봅니다.- 자바스크립트와 jQuery 라이브러리의 이벤트를 활용하는 방법을 알아봅니다.- jQuery 플러그인을 사용하는 방법을 알아봅니다.- jQuery 라이브러리르 사용해 갤러리를 만드는 방법을 알아봅니다. Preview...

jQuery 효과

jQuery 라이브러리를 사용하면 손쉽게 문서 객체에 효과를 줄 수 있습니다. 최근에는 CSS3를 사용해 애니메이션을 구현하는 방법도 등장했습니다. CSS3로 애니메이션 효과를 적용하면 성능은 좋지만 구 버전의 인터넷 익스플로러에서는 작동하지 않습니다. 여기에서는 jQ...

jQuery 이벤트

이전 장에서는 순수하게 자바스크립트만 사용해 이벤트를 연결하는 방법을 살펴보았습니다. 웹 브라우저마다 조금씩 차이가 있으므로 어렵게 느꼈을 수도 있습니다. 하지만 jQuery 라이브러리를 사용하면 손쉽게 모든 웹 브라우저에서 동작하는 이벤트를 생성할 수 있습니다. 4....

jQuery 문서 객체 조작

jQuery 라이브러리를 사용하면 문서 객체도 쉽게 조작할 수 있습니다. 문서 객체를 조작하는 메소드의 사용 방법은 비슷하므로 속성 조작 메소드 위주로 설명합니다. 속성 조작 내용을 주의 깊게 살펴봅니다. 3.1 속성 조작 jQuery 라이브러리르 사용해서 문서 객체의...

jQuery 문서 객체 선택

jQuery 라이브러리는 다음 형태로 사용합니다. $(선택자). 메소드(매개 변수, 매개 변수) [그림 11-3] jQuery 라이브러리 메소드의 기본 형태 [그림 11-3]의 왼ㅇ쪽에 있는 $() 함수의 형태 때문에 익숙하지 않을 수 있습니다. 자바스크립트는 식별자로...

jQuery 라이브러리 설정

jquery 라이브러리를 사용할 수 있는 설정 방법을 알아보겠습니다. 기본 예제 11-1 jQuery 라이브러리 설정 1. jQuery 웹 사이트 접속하기 사용할 jQuery 라이브러리를 구해야 합니다. jQuery 라이브러리는 두 가지 방법으로 사용할 수 있습니다. ...

문서 객체 모델 - 이벤트

이벤트는 키보드를 누르거나 마우스를 클릭하는 것처럼 어떠한 현상이 프로그램에 영향을 미치는 것을 의미합니다. 이벤트는 사용자가 직접 발생시킬 수도 있고 응용 프로그램에서 자체적으로 발생시킬 수도 있습니다. 자바스크립트는 다음 이벤트를 기본으로 지원합니다. - 마우스 이...

9
8월

문서 객체 모델

학습 목표- 문서 객체와 문서 객체 모델의 개념을 이해합니다.- 문서 객체를 선택하고 조작할 수 있습니다.- 이벤트의 종류를 알아보고 문서 객체에 이벤트를 연결합니다. Preview HTML 태그를 자바스크립트에서 이용할 수 있게 객체로 만든 것을 문서 객체라고 합니다...