본문 바로가기
└ Java Script

[jQuery] 셀렉터 (Selectors) - 1

by 짜장이누나 2014. 5. 28.


 JQUERY SELECTORS



1. What are jQuery Selectors?

  jQuery Selectors 는 jQuery 라이브러리의 가장 중요한 면중 하나이다. 

CSS selector를 기본적으로 사용하여 원하는 element를 찾을 목적으로 사용한다

 jQuery Selector를 이해하는 것은  jQuery 라이브러리를 효과적으로 사용하는 키 이다.



1-2. Basic CSS Selectors

Syntax 

 Description

 *

 모든 element.

 E

 태그 'E' 를 가진 모든 element

 E  F 

 'E' 의 자손 'F' 태그를 가진 모든 element

 E > F 

 'E' 의 자식 'F' 태그를 가진 모든 element 

 E + F 

 'E' 와 'F' 는 형제관계이며, 'E' 바로 뒤에 나오는 모든 'F' element

 E ~ F

 'E' 와 'F' 는 형제관계이며, 'E' 다음 어딘가에 나오는 모든 'F' element

 E : has( F )

 element 'F' 의 자손을 하나 이상 가지고 있는 모든 'E' element

 E.c 

 클래스 명 'c' 를 가지고 있는 모든 'E' element

 E#i

 id가 'i' 인 모든 'E' element 

 E[a]

 attribute 'a' 를 가지는 모든 'E' element

 E[a = v]

 attribute 'a' 의 값이 'v' 인 모든 'E' element

 E[a ^= v]

 attribute 'a' 의 값이 'v' 로 시작하는 모든 'E' element

 E[a $= v]

 attribute 'a' 의 값이 'v' 로 끝나는 모든 'E' element

 E[a *= v]

 attribute 'a' 의 값이 'v' 를 포함하는 모든 'E' element