[JavaScript&jQuery] 자바스크립트와 jQuery의 관계

※ 자바스크립트와 jQuery와의 관계

jQuery는 오직 자바스크립트 DOM 작업을 좀더 쉽게 도와주는 라이브러리

(자바스크립트 문법이나 라이브러리를 대체할 수 있는 새로운 프로그래밍 언어가 아니다!)

$("#menu li").css("color", "#foo"); 라는 제이쿼리가 있다고 하자.

이 jQuery는 id가 menu인 녀석의 하위에 있는 li의 색을 빨간색(#foo)로 바꾸라는 문법이다.

이 jQuery 문법안의 내부는 아래와 같다.

var menu = document.getElementById("menu");

var liList = menu.getElementByTagName("li");

for(var i = 0; i<liList.length; i++){

     var li = liList[i];

     li.style.color = "#foo";

}

이처럼 jQuery 의 문법안에는 자바스크립트 코어 문법과 자바스크립트 DOM으로 구성되어 있다.

jQuery는 특정 기능을 특정 기능을 하는 처리 코드를 포장만 하고있을 뿐 나머지 작업들은 jQuery내부의 자바스크립트 DOM이 처리하게 된다. 즉 jQuery는 단지 자바스크립트의 DOM기능을 사용하기 쉽게 해주는 라이브러리라는 점~

그렇기 때문에 자바스크립트를 제대로 이해하고 사용하려면 자바스크립트 기초 문법과 자바스크립트 DOM을 잘 이해하고 있어야 한다.