Javascript - jQuery(제이쿼리)

 jQuery(제이쿼리)는 자바스크립트 라이브러리입니다. 많은 자바스크립트 라이브러리 중에서도 가장 인기있는 라이브러리로 사용이 간단하고 편리하며 개발자의 생산성을 획기적으로 높여줍니다. 이 jQuery 덕분에 우리는 자바에 비해 난해하다고 느껴지는 자바스크립트의 문법들을 모르더라도 코딩하는 것에 전혀 지장이 없어졌습니다. jQuery 라이브러리는 jQuery 홈페이지에서 무료로 다운 받을 수 있으며 jsp 페이지에 추가하는 것 또한 간단합니다. jQuery 홈페이지에서 라이브러리를 무료로 다운 받은 후에 다음 내용을 추가해주시면 됩니다.

<script type="text/javascript" src="path/jQuery.js">
    /* 내용 작성 */
</script>

 script 태그를 이용해서 다음 내용만 추가하면 jQuery가 제공하는 강력한 기능들을 사용 가능합니다.
jQuery의 기본 함수는 $입니다. $을 통해서 jsp 페이지 내에 존재하는 여러 요소들을 불러 들이는 것이 가능합니다.

<script type="text/javascript" src="path/jQuery.js">
    $("#id").val(); //id가 id인 태그 요소의 값을 불러온다.
    $("div").addClass("class"); //div 태그 요소에 class라는 클래스를 추가한다.
</script>

 위와 같이 간단한 문법만으로도 해당 jsp 페이지의 다양한 요소들에게 다양한 기능들을 적용할 수 있습니다. 이를 통해 우리는 쓸데없이 길던 document.getElementById 나 document.getElementByTagName 등을 사용할 필요가 없어졌습니다. 또한 다양한 함수들이 제공되기 때문에 직접 길게 코딩을 해야할 필요성도 줄어들었습니다.
 또한, jQueryui(다이얼로그 등의 ui를 제공)나 jQuerymobile(모바일 ui제공)을 하고 있기에 직접 UI를 제작해야 하는 필요성도 줄어들었습니다. 이런 강력한 기능들을 제공하는 jQuery의 사이트 링크는 다음과 같습니다.

jquery.com

 jQuery 홈페이지에 들어가보면 API document에 자신들이 가진 함수들에 대한 설명과 예시들이 나와 있습니다. 유일한 단점이라고 한다면 한글을 제공하지 않는다는 점이긴 한데.. 어차피 개발자로 살려면 Google과 영어와 친해져야 하기에 해당 홈페이지를 둘러보며 열심히 영어 공부를 하면 될 것 같습니다.
이 다음엔 jQuery가 제공하는 여러 함수들 중에 몇 가지에 대해 소개해 보도록 하겠습니다.