jQuery 객체에 어떤 기능을 추가하고 싶은 경우 플러그인을 작성해서 사용할 수 있다.

[1] jQuery 객체 메소드

먼저 jQuery가 작동하는 방식에 대해서 알아 둘 필요가 있다.

$( "a" ).css( "color", "red" );

$ 함수를 사용하여 엘리먼트를 선택하면 jQuery 객체를 반환하게 된다. 이 객체는 .css(), .click() 등과 같은 jQuery의 모든 메소드와 선택한 모든 엘리먼트를 가지게 된다. jQuery 객체는 $.fn 객체로부터 이러한 메소드를 가져와 사용하게 된다. 이 객체는 모든 jQuery 객체 메소드를 포함하기 때문에 플러그인을 작성할 때 이 메소드를 포함게 될 것이다.

최근 웹개발 쪽에서는 Twitter에서 제공하는 CSS 프레임워크인 Bootstrap에 대한 관심이 높아졌습니다. 특히, Ryan Bates가 운영하는 그 유명한 Railscasts.com 에서는 2월28일 Twitter Bootstrap에 대한 기본사용법에 대한 스크린캐스트를 소개한 바 있는데, 저에게도 신선한 충격을 안겨 다 주었습니다.