본문 바로가기

프로그래밍/JQuery

jQuery 가 지원하는 기본 CSS 셀렉터

2009년 7월 1일 포스팅

======================


새로 맡게된 프로젝트에 jQuery 를 사용하겠다고 해서 공부중이다...

 

자유자재로 사용 할 수 있게 되면 상당히 편리하고 강력한 기능을 짧은 코드로 구현 할수 있다고 하니 열심히 배워서 써먹어야지~

 

일단.. jQuery 라이브러리를 다운받는 곳은 -> http://jquery.com/





 



처음 책을 펴자 알려주는 것이 셀렉터..

태오님의 강좌에서도 처음에 알려주는 셀렉터..

 

셀렉터에 관해 공부를 하면서 여기에 정리한다.

 

기본적으로 기존의 CSS 셀렉터를 지원하므로 편하게 사용할 수 있다고 한다.

일단 jQuery 가 지원하는 기본 CSS 셀렉터 는...

 

*                   모든엘리먼트와 일치

E                   태그명이 E 인 모든 엘리먼트와 일치

E F                E의 자손이면서 태그명이 F인 모든 엘리먼트와 일치

E>F               E의 바로아래 자식이면서 태그명이 F인 모든 엘리먼트와 일치

E+F               E의 형제 엘리먼트로 바로 다음에 나오는 엘리먼트 F와 일치

E~F               E의 형제 엘리먼트로 다음에 나오는 모든 엘리먼트 F와 일치

E:has(F)         태그명이 F인 자손을 하나 이상 가지는 태그명이 E인 모든 엘리먼트와 일치

E.C                클래스명 C를 가지는 모든 엘리먼트 E와 일치. E의 생략은 *.C 와 동일함

E#I               아이디가 I인 엘리먼트 E와 일치. E의 생략은 *#I와 동일함

E[A]              어트리뷰트 A를 가지는 모든 엘리먼트 E와 일치

E[A=V]          값이 V인 어트리뷰트 A를 가지는 모든 엘리먼트 E와 일치

E[A^=V]        값이 V로 시작하는 어트리뷰트 A를 가지는 모든 엘리먼트 E와 일치

E[A$=V]        값이 V로 끝나는 어트리뷰트 A를 가지는 모든 엘리먼드 E와 일치

E[A*=V]        값에 V를 포함하는 어트리뷰트 A를 가지는 모든 엘리먼트 E와 일치

 

이렇다.. 아직은 두세개 밖에 안 써봤는데 모두 익히면 편하게 쓸 수 있을거 같긴하네..

 

아직 기존의 것들도 버벅이는데 새로운걸 또 익혀서 써먹어야 하다니.. ㅠㅠ

 

오히려 잘 된건가?? 음.. 어쨋거나 화이팅