jQuery

jQuery 특징

1. CSS 선택자 기반의 DOM 처리 가능하며 기존 JS와 비교할 때 매우 쉽고 덩적인 화면 처리 가능

2.Ajax 어플 개발 쉽다

3.한꺼번에 여러 다른 동작을 처리하는 함수를 연결하여 사용하는 '메서드 체인' 기능 효과적으로 사용할 수 있다.

4.오픈소스로서 무료로 사용할 수 있다

5.다양한 jQuery 플러그인 사용할 수 있다.

6.웹 브라우저 종류와 상관없이 개발 가능한 크로스 브라우징이 가능하다.

jQuery 문법

$(selector).action()

$ : jQuery 선언하거나 접근할 때 사용. 즉, $ 는 jQuery의 별칭이다.

따라서 $(select).action(); 표현식과 jQuery(selector).action(); 표현식의 처리 결과는 서로 같다. (일반적으로 $ 사용)

selector는 CSS 선택자를 의미. 일반적으로 HTML 특정 DOM을 참조하기 위해 사용

action()은 HTML에서 특정 이벤트가 발생할때 실행되는 함수

// class='.blue'인 태그를 hide 시킨다.
$(".blue").hide();
//<p>태그 내의 내용을 반환한다.
$("p").text();
// 모든 <li>태그 중 짝수 위치의 <li> 태그의 내용을 빨간색으로 변경한다
$("li:even").css("color", "red");