자바스크립트와 jQuery 라이브러리 응용
학습목표 - 자바스크립트의 타이머 함수를 알아봅니다.- 자바스크립트와 jQuery 라이브러리의 이벤트를 활용하는 방법을 알아봅니다.- jQuery 플러그인을 사용하는 방법을 알아봅니다.- jQuery 라이브러리르 사용해 갤러리를 만드는 방법을 알아봅니다. Preview...
학습목표 - 자바스크립트의 타이머 함수를 알아봅니다.- 자바스크립트와 jQuery 라이브러리의 이벤트를 활용하는 방법을 알아봅니다.- jQuery 플러그인을 사용하는 방법을 알아봅니다.- jQuery 라이브러리르 사용해 갤러리를 만드는 방법을 알아봅니다. Preview...
jQuery 라이브러리를 사용하면 손쉽게 문서 객체에 효과를 줄 수 있습니다. 최근에는 CSS3를 사용해 애니메이션을 구현하는 방법도 등장했습니다. CSS3로 애니메이션 효과를 적용하면 성능은 좋지만 구 버전의 인터넷 익스플로러에서는 작동하지 않습니다. 여기에서는 jQ...
이전 장에서는 순수하게 자바스크립트만 사용해 이벤트를 연결하는 방법을 살펴보았습니다. 웹 브라우저마다 조금씩 차이가 있으므로 어렵게 느꼈을 수도 있습니다. 하지만 jQuery 라이브러리를 사용하면 손쉽게 모든 웹 브라우저에서 동작하는 이벤트를 생성할 수 있습니다. 4....
jQuery 라이브러리를 사용하면 문서 객체도 쉽게 조작할 수 있습니다. 문서 객체를 조작하는 메소드의 사용 방법은 비슷하므로 속성 조작 메소드 위주로 설명합니다. 속성 조작 내용을 주의 깊게 살펴봅니다. 3.1 속성 조작 jQuery 라이브러리르 사용해서 문서 객체의...
jQuery 라이브러리는 다음 형태로 사용합니다. $(선택자). 메소드(매개 변수, 매개 변수) [그림 11-3] jQuery 라이브러리 메소드의 기본 형태 [그림 11-3]의 왼ㅇ쪽에 있는 $() 함수의 형태 때문에 익숙하지 않을 수 있습니다. 자바스크립트는 식별자로...
jquery 라이브러리를 사용할 수 있는 설정 방법을 알아보겠습니다. 기본 예제 11-1 jQuery 라이브러리 설정 1. jQuery 웹 사이트 접속하기 사용할 jQuery 라이브러리를 구해야 합니다. jQuery 라이브러리는 두 가지 방법으로 사용할 수 있습니다. ...
이벤트는 키보드를 누르거나 마우스를 클릭하는 것처럼 어떠한 현상이 프로그램에 영향을 미치는 것을 의미합니다. 이벤트는 사용자가 직접 발생시킬 수도 있고 응용 프로그램에서 자체적으로 발생시킬 수도 있습니다. 자바스크립트는 다음 이벤트를 기본으로 지원합니다. - 마우스 이...
학습 목표- 문서 객체와 문서 객체 모델의 개념을 이해합니다.- 문서 객체를 선택하고 조작할 수 있습니다.- 이벤트의 종류를 알아보고 문서 객체에 이벤트를 연결합니다. Preview HTML 태그를 자바스크립트에서 이용할 수 있게 객체로 만든 것을 문서 객체라고 합니다...