라이브러리
자주 사용하는 로직을 재사용할 수 있도록 고안된 소프트웨어를 라이브러리라고 한다.
jQuery
jQuery는 DOM을 내부에 감추고 보다 쉽게 웹페이지를 조작할 수 있도록 돕는 도구이다. jQuery의 효용은 후속 수업을 통해서 살펴보자.
jQuery의 사용
jQuery를 사용하기 위해서는 jQuery를 HTML로 로드해야 한다. 아래는 jQuery를 로드하는 방법이다.
1 2 3 4 5 6 7 8 9 10 11 | <!DOCTYPE html><html><body><script src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script> jQuery( document ).ready(function( $ ) { $('body').prepend('<h1>Hello world</h1>'); }); </script></body></html> |
결과는 Body 태그 아래에 <h1>Hello world</h1> 코드가 만들어진다.
아래와 같이 jQuery( document ).ready(function( $ ) {}로 감싸는 것이 이상적이다.
1 2 3 | jQuery( document ).ready(function( $ ) { $('body').prepend('<h1>Hello world</h1>');}); |
하지만 필자는 코드의 양을 줄이기 위해서 그냥 예제 코드만 작성하겠다.
1 | $('body').prepend('<h1>Hello world</h1>'); |
