:animated 셀렉터는 애니메이션이 진행 중인 요소를 선택할 수 있습니다. 처음에는 노랑색 배경의 박스가 늘었다가 줄었다가 반복하는데, 클릭하면 빨간색 배경으로 변하는 예제입니다. <style> #use-nth { border: 1px solid; width: 200px; padding: 10px; background: yellow; } </style> <script> $(function(){ function us…

폼 요소를 선택할 수 있는 선택자입니다. 선택자 설 명 :input 모든 input 요소를 선택 :text type 속성이 text 인 요소를 선택 :password type 속성이 password 인 요소를 선택 :radio type 속성이 radio 인 요소를 선택 …

컨텐츠 셀렉터는 다음 표를 사용할 수 있습니다. 선택자 설 명 :header <Hn> 인 제목 요소를 모두 선택 :contains(str) 지정된 내용과 일치하는 모든 요소를 선택 $().contents() 선택한 요소의 텍스트 및 주석 노드를 포함한 모든 자식 요소를 선택. (iframe 에 접근 가능) …

상위 요소는 다음 표를 사용할 수 있습니다. 선택자 설 명 :root 문서의 최상위 요소 :empty 비어있는 모든 요소를 선택 :parent $().parent() 선택한 요소 중에서 지정한 부모 요소를 선택 :empty 의 역입니다. $().offsetParent() 선택한 하위 요소…

지정한 요소의 자식 요소를 찾는 탐색자는 다음 표와 같습니다. 이벤트 설 명 :nth-child(an+b) n번째 요소와 유형이 일치하는 요소. n의 수는 유형에 관계없는 요소를 포함한 수. a: 배수 n: 카운터. 0부터 시작 b: 시작위치 키워드 odd: 홀수로 지정. even: 짝수로 지정. Ex.) :nth-child(odd) :nth-last-…

제어쿼리는 요소를 찾을 수 있는 다양한 방법을 제공합니다. 선택자 설 명 :first $().first() 선택한 요소가 처음으로 나오는 요소를 선택 :last $().last() 선택한 요소가 마지막으로 나오는 요소를 선택 :odd 짝수 번째에 위치하는 모든 요소를 선택 :even 홀수…

속성 선택자로 사용할 수 있는 표현은 다음 표를 참고합니다. 선택자 설 명 [속성] 속성과 일치하는 요소. [속성="값"] 속성과 값이 일치하는 요소. [속성 ~="값"] 속성의 값을 포함하는 요소. 단어 기준으로 판단. 속성 값이 n 개라도 특정 단어와 일치하면 적용. …

jQuery 셀렉터 기능은 CSS 의 선택자 기능과 거의 동일하게 이용할 수 있습니다. 따라서 CSS 선택자에 대해 조금이라도 알고 있다면 그리 어렵지 않을 것입니다. 일반 선택자 기본적인 선택자는 다음 표와 같습니다. 선택자 설 명 $(*) 모든 요소를 선택 $(#아이디) id 속성의 값과 일치하는 요소 $(.클래스) …