셀렉터(3)
-
셀렉터 사용하기 #3 - jQuery 정의 셀렉터
CSS셀렉터로는 표현할 수 없는 특성있는 엘리먼트를 선택할 필요가 있다. :radio:checked :checkbox:checked * jQuery 정의 필터 셀렉터 셀렉터 설명 :animated 현재 애니메이션이 적용되고 있는 엘리먼트를 선택 :button 모든 버튼을 선택 input[type=submit], input[type=reset], input[type=button], button :checkbox 체크박스 엘리먼트만 선택. input[type=checkbox] :checked 선택된 체크박스나 라디오 버튼만을 선택. :contains(foo) 텍스트 foo를 포함하는 엘리먼트만 선택 :disabled 인터페이스에서 비활성화 상태인 모든 폼 엘리먼트를 선택 :enabled 인터페이스에서 활성화..
2015.04.22 -
셀렉터 사용하기 #2 - 위치 기반 셀렉터
* 위치 기반 셀렉터 : DOM에서 위치를 기반으로 엘리먼트를 선택 셀렉터 설명 :first 페이지에서 처음으로 일치하는 엘리먼트 li a:first는 리스트 아이템의 첫 번째 링크를 반환 :last 페이지에서 마지막으로 일치하는 엘리먼트 li a:last는 리스트 아이템의 마지막 링크를 반환 :first-child 첫 번째 자식 엘리먼트 li:first-child는 각 리시트의 첫 번째 아이템을 반환 :last-child 마지막 자식 엘리먼트 li:last-child는 각 리스트의 마지막 아이템을 반환 :only-child 형제가 없는 모든 엘리먼트를 반환 :nth-child(n) n번째 자식 엘리먼트 li:nth-child(2)는 각 리스트의 두 번째 리스트 아이템을 반환 :nth-child(even..
2015.04.22 -
셀렉터 사용하기 #1 - CSS셀렉터
. 자식 셀렉터 : 부모와 자식 엘리먼트는 오른쪽 부등호(>)로 구분한다. p > a . 어트리뷰트 셀렉터 : 엘리먼트의 어트리뷰트의 값을 구분하여 찾는다. a[href^=http://] a 엘리먼트중 [] 안에 어트리뷰트 명과 값과 어떤 조건으로 찾을 것인지를 기술한다. ^는 값의 시작 부분이 일치함을 의미한다. 웬지 정규식 스럽다. . 값에 상관없이 특정 어트리뷰트를 가지는 경우는 a[href] . 어트리뷰트의 특정 값과 일치시키려면 input[type=text] . 끝 값이 일치하는 a[href$=.pdf] . 임의의 문자열을 포함하는 a[href*=jquery.com] . 컨테이너 셀렉터 : 엘리먼트를 포함하고 있는 엘리먼트를 찾는다. li:has(a) 엘리먼트를 포함하는 모든 엘리먼트 li a ..
2015.04.22