Jquery 개념, 기능

  Jquery란 화면의 동적 기능을 자바스크립트보다 좀 더 쉽고 편리하게 개발할 수 있게 해주는 자바스크립트 기반 라이브러리입니다. 제이쿼리는 여러가지 효과나 이벤트를 간단한 함수 호출만으로 빠르게 개발할 수 있어 유용합니다.

 

Jquery 특징

• CSS 선택자를 사용해 각 HTML 태그에 접근해서 작업하므로 명료하면서도 읽기 쉬운 형태로 표현할 수 있습니다.
• 메서드 체인 방식으로 수행하므로 여러 개의 동작(기능)이 한 줄로 나열되어 코드가 불필요하게 반복되는 것을 피할 수 있습니다.
• 풍부한 플러그인을 제공하므로 이미 개발된 많은 플러그인을 쉽고 빠르게 이용할 수 있습니다.
• 크로스 브라우징을 제공하므로 브라우저 종류에 상관없이 동일하게 기능을 수행합니다.

  제이쿼리를 사용하는 방법으로는 2가지의 방법이 있습니다. 첫번째는 www.jquery.com에서 서 라이브러리를 다운로드해서 사용하는 방법이고, 두 번째는 네트워크로 CDN 호스트를 설정해서 사용하는 방법입니다. 여기 티스토리에서는 상대적으로 간편하게 설정할 수 있는 두 번째 방법을 사용해 글을 작성하도록 하겠습니다.

 

• <script src="http://code.jquery.com/jquery-2.2.1.min.js"></script> 지정한 버전의 제이쿼리를 사용합니다.
• <script src="http://code.jquery.com/jquery-latest.min.js"></script> 가장 최신버전의 제이쿼리를 사용합니다.

  제이쿼리는 HTML 객체(DOM)를 탐색하는 방법으로 CSS 선택자를 이용합니다. 제이쿼리의 선택자 종류와 이를 표현하는 방법을 정리해보겠습니다.

 

선택자 종류	선택자 표현 방법	설명
All selector	$("*")	모든 DOM을 선택합니다.
ID selector	${"#")	해당되는 id를 가지는 DOM을 선택
Element selector	$("elementName")	해당되는 이름을 가지는 DOM 선택
class selector	$(".className")	CSS 중 해당되는 클래스 이름을 가지는 DOM을 선택
Multiple selector	$("selector1, selector2, selector3, ..., selectorN")	해당되는 선택자를 가지는 모든 DOM을 선택합니다.

다음 글에서부터 Jquery를 실습하도록 하겠습니다.