티스토리 뷰

카테고리 없음

JQuery 분석 2일차 -Mac

Mac's analystics 2010. 2. 2. 23:04
J쿼리는 (이하 J)  내 생각보다 훨씬 강력한 셀렉터를 지원하고 있었다.

우선 CSS3 기본 셀렉터를 보자. 기본적인 tagName[attr=val] 은 제외

:first          해당 엘리먼트집합에서 첫번째 엘리먼트
:last          해당 엘리먼트집합에서 마지막 엘리먼트
:first-child  첫번째 자식 엘리먼트
:last-child  마지막 자식 엘리먼트
:only-child 형제가 없는 모든 엘리먼트
:nth-child(n) n번째 자식 엘리먼트
:nth-child(even|odd) 짝수 또는 훌수 자식 엘리먼트
:nth-child(Xn+Y) 말 그대로 2X+1 일경우 3,5,7.. 를 말한다.
:even | odd 페이지 전체의 짝수 또는 홀수 번째 엘리먼트
:eq(n) n번째로 일치하는 엘리먼트
:gt(n)  n번째이후(n 제외) 엘리먼트
:lt(n)   n번째이전(n 제외) 엘리먼트

나름 무지 강력하다. 이정도만 지원해도 사실 충분하지만 J는 더 강력한 셀렉터를 지원한다.
살림살이좀 나아질듯. 주의할점은 css3 셀렉터에서는 첫번째 엘리먼트의 인덱스는 1이다.
J 자체 셀렉터에서의 n 은 0부터 시작한다고 하니 조심해야겠다.

:animated  J에서 적용한 애니메이션을 사용하고 있는 엘리먼트들
:button 모든 버튼들.
:checkbox 모든 체크박스
:checked 체크된 모든 체크박스 or 라디오버튼
:contains(foo) 텍스트 foo 를 포함하는 엘리먼트 (아마 text 객체가 안쪽에 있는경우를 뜻하는듯함)
:disabled 인터페이스에서 비활성화 상태인 모든 폼 엘리먼트
:enabled disabled 된 객체 빼고 나머지
:file 모든 파일엘리먼트
:header 헤더 엘리먼트 <h1>~<h6> 까지
:hidden 감춰진 엘리먼트 (visibility 가 hidden (확실) display가 none 인건 모르겠음)
:image input type='image' 인 모든 객체
:not(filter) 위의 filter 들의 대한 반전객체만 가져옴
:parent 텍스트 엘리먼트 포함해서 자식을 가지고 있는 모든 엘리먼트
:password input type='password ' 인 모든 객체
:radio 라디오 버튼 엘리먼트
:reset 리셋 버튼 엘리먼트
:selected 선택된 엘리먼트
:submit input type='submit' 인 모든 객체
:text input type='text' 인 모든 객체
:visible 보이는 엘리먼트 (visible)

이렇게나 많다. 적는데 힘들어 죽을뻔했다. 여튼 객체지향적으로 좋지는 않지만
많은 alias 를 지원해주는 덕에 css3 로도 할 수 있는거지만 긴 수식을 미리 정의해뒀다는면에서
매우 편해졌다.

특히 not 은 매우 괜찮은 filter 다. 다음은 셀렉터를 이용한 객체 컨트롤에 대해서 적겠다.
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
TAG
more
«   2024/04   »
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
글 보관함