[HTML] id, class 선택자(selector)

안녕하세요. 개발자 드리머즈입니다.

jQuery를 사용하면 CSS에서 사용하는 것과 같은 방식으로 선택자(selector) 구문을 이용할 수 있습니다.

ID selector 아이디 선택자

var status = document.getElementById("status")

를 간단하게 

var status = $("#status"); 

로 사용할 수 있습니다. #을 사용하여 id 선택자(selector)를 사용할 수 있습니다.

Class selector 클래스 선택자

$(".person"); 은 person이라는 클래스 모두를 찾는 코드입니다. .(점)을 사용하여 class 선택자(selector)를 사용할 수 있습니다.

Element selector 요소 선택자

$("div");는 <div> 요소 모두를 찾는 코드입니다. 아이디 선택자, 클래스 선택자와 다르게 쌍 따옴표 안에 요소 값만 넣으면 됩니다.

Attribute selector 속성 선택자

$("[href="http://www.naver.com"]"); 는 href의 값이 "http://www.naver.com"인 요소를 모두 찾는 코드입니다. [](대괄호)를 사용하여 속성 선택자를 사용할 수 있습니다.

조합

선택자를 조합하여 사용할 수 있습니다.

(html에 익숙하지 않을 때 아래의 코드는 정말 헷갈렸습니다)

$("div.name");

<div>요소 이면서 클래스가 name으로 지정된 것을 찾는 코드입니다.

class 선택자에 대해 모른다면 java에서 멤버 변수에 접근하는 코드와 비슷하기에

<div>의 무슨 멤버 값에 접근하는 것으로 전혀 엉둥하게 이해할 수 있습니다.

참고

https://www.w3schools.com/cssref/css_selectors.asp