자바스크립트와 제이쿼리 비교

단적인 예로, 노드를 탐색해 색깔을 바꾸는 코드를 작성한다고 해보자

//자바스크립트

                           var divs=document.getElementsByTagName("div");

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

                                        divs[i].style.border="4px solid red";

                           }

                           //jQuery

                           $("div").css("border","4px solid red");

 

 

                           //깊이탐색을 사용한다, 자바스크립트

                           divs[6].style.backgroundColor="skyblue";

                           //같은코드 jQuery

                           $("div:eq(6)").css("background-color","skyblue");

뭔가 복잡해보이기도 하지만, 제이쿼리가 손에 익는다면 자바스크립트를 잊어먹게 될거싱다.