[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>의 무슨 멤버 값에 접근하는 것으로 전혀 엉둥하게 이해할 수 있습니다.

참고



작성자

Posted by 드리머즈

관련 글

댓글 영역