jQuery는 John Resig에 의해 2006 년에 만들어졌다.
10년 이상 jQuery는 세계에서 가장 인기있는 자바 스크립트 라이브러리였다.
JavaScript 버전 5 (2009) 이후에는 대부분의 jQuery 유틸리티가 몇 줄의 표준 JavaScript로 해결할 수 있으므로 jQuery를 사용하는게 많이 줄어들고있다.
그래도 간단하게 알아보자.
jQuery 선택자
jQuery 변수 선언할 때 $변수로 이용한다.
워드프레스에서는 $변수가 아닌 jQuery변수로 사용해야한다.
예를 들어, $(“#id01”)의 경우 jQuery(“#id01”)로 사용할 수 있다.
ID로 HTML 요소에 접근
jQuery
myElement = $("#id01");
Javascript
myElement = document.getElementById("id01");
태그 이름으로 HTML 요소에 접근
jQuery
myElements = $("p");
Javascript
myElements = document.getElementsByTagName("p");
클래스 이름으로 HTML 요소에 접근
jQuery
myElements = $(".intro");
Javascript
myElements = document.getElementsByClassName("intro");
CSS 선택자로 HTML 요소에 접근
jQuery
myElements = $("p.intro");
Javascript
myElements = document.querySelectorAll("p.intro");
참고
W3C School - jQeury Selectors
공부 목적 블로그