여러분이 사용하고 계신 브라우저는 HTML5를 지원하지 않기 때문에 몇몇 요소가 제대로 보이도록 JScript를 사용하고 있습니다. 하지만 여러분의 브라우저 설정에서 스크립트 기능이 꺼져있으므로, 현재 페이지를 제대로 확인하시려면 스크립트 기능을 켜주셔야 합니다. Javascript vs jQuery - jQuery 선택자
Javascript vs jQuery – jQuery 선택자
2개월전 작성
2개월전 수정

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");
참고
Mingg`s Diary
밍구
공부 목적 블로그