1. $("*") : 모든 엘리먼트 선택
2. $("#i") : id가 i인 모든 엘리먼트 선택
cf. <div id="i"></div>
3. $("div") : 태그 이름이 div인 모든 엘리먼트 선택
<div></div><div></div>
4. $(".named") : 클래스 이름이 named인 모든 엘리먼트 선택
<div class="named"></div>
5. $("div p") : div의 자식 노드이면서 태그 이름이 p인 모든 엘리먼트 선택
<div>
<p>aa</p>
<div><p>ccc</p></div>
</div>
6. $("div.named") : div태그 중 클래스 이름이 named인 모든 엘리먼트 선택
7. $("div .named") : div의 자식 노드이면서 클래스 이름이 named인 모든 엘리먼트 선택
<body>
<div class="named">aaa</div>
<div><p class="named">bbb</p></div>
</body>
8. $("div > p") : div의 바로 아래 p엘리먼트 선택
<div>
<p>aaa</p>
<table><tr><td><p>ccc</p></td></tr></table>
</div>
9. $("div+p") : div의 형제 엘리먼트로 바로 다음 형제 p엘리먼트 선택
<div></div>
<p>aaa</p>
<p>ccc</p>
10. $("div~p") : div의 형제 엘리먼트로 다음에 나오는 모든 p엘리먼트 선택
<div></div>
<p>aaa</p>
<p>ccc</p>
'Web > Javascript' 카테고리의 다른 글
| jQuery 기본이고 유용한 selector 문법 모음 (0) | 2012/04/25 |
|---|---|
| [javascript] 문자열 길이 체크 함수 (한글, 영문모두) (0) | 2009/07/20 |
| 자바스크립트는 스레드 방식이 아니라는 걸 증명해주는 코드 (0) | 2008/12/08 |
| [Javascript-Component] Sliding Date-Picker (0) | 2008/02/27 |
| Div 드래그 (1) | 2008/02/13 |
| [Javascript] 객체지향? (0) | 2008/02/04 |
