반응형
제이쿼리 선택자
제이쿼리에서는 CSS선택자뿐만 아니라 몇몇 비표준 선택자까지도 사용할 수 있다.
비표준 선택자는 사용자 편의성을 위해 제이쿼리에서 자체적으로 추가한 선택자 문법이다.
이러한 비표준 선택자를 사용하면 더욱 세분화된 선택을 하기 위한 필터링을 진행할 수 있다.
CSS선택자
$("*")
$(".class")
$("element")
$("#id")
$("selector1, selecotr2")| 선택자 | 설명 |
| * | 모든 요소를 선택 |
| .class | 지정한 클래스를 가지는 모든 요소 선택 |
| element | 지정된 태그명을 가지는 모든 요소 선택 |
| #id | 지정한 ID 속성을 가지는 하나의 요소를 선택 |
| , | 지정한 선택자들의 모든 결과들을 결합하여 선택 |
비표준 필터링 선택자
$("div:odd")
$("div:even")
$("li:has(span)")
$("div:eq(1)") 등등..| 선택자 | 설명 |
| :odd | 선택한 요소 중에서 인덱스가 홀수인 요소를 모두 선택 |
| :even | 선택한 요소 중에서 인덱스가 짝수인 요소를 모두 선택 |
| :first | 선택한 요소 중에서 첫 번째 요소를 선택 |
| :last | 선택한 요소 중에서 마지막 요소를 선택 |
| :eq(n) | 선택한 요소 중에서 인덱스가 n인 요소를 선택함. |
| :not(선택자) | 선택한 요소 중에서 지정한 선택자와 일치하지 않는 요소를 모두 선택 |
| :contains(텍스트) | 선택한 요소 중에서 지정한 텍스트를 포함하는 요소를 모두 선택 |
| :has(선택자) | 선택한 요소 중에서 지정한 선택자와 일치하는 자손 요소를 갖는 요소를 모두 선택 |
| :empty | 선택한 요소 중에서 자식 요소를 가지고 있지 않은 요소를 모두 선택 |
| :parent | 선택한 요소 중에서 자식 요소를 가지고 있는 요소를 모두 선택 |
| :header | 선택한 요소 중에서 h1부터 h6까지의 요소를 모두 선택 |
input 요소 필터 선택자
$(":checked")
$(":button")
$(":checkbox")
$(":focus")
$(":selected") 등등..| 선택자 | 설명 |
| :button | type 속성값이 "button"인 요소를 모두 선택 |
| :checkbox | type 속성값이 "checkbox"인 요소를 모두 선택 |
| :file | type 속성값이 "file"인 요소를 모두 선택 |
| ::image | type 속성값이 "image"인 요소를 모두 선택 |
| :password | type 속성값이 "password"인 요소를 모두 선택 |
| :radio | type 속성값이 "radio"인 요소를 모두 선택 |
| :reset | type 속성값이 "reset"인 요소를 모두 선택함. |
| :submit | type 속성값이 "submit"인 요소를 모두 선택 |
| :text | type 속성값이 "text"인 요소를 모두 선택 |
| :input | <input>, <textarea>, <select>, <button>요소를 모두 선택 |
| ::checked | type 속성값이 "checkbox" 또는 "radio"인 요소 중에서 체크되어 있는 요소를 모두 선택 |
| :selected | <option>요소 중에서 선택된 요소를 모두 선택 |
| :focus | 현재 포커스가 가지고 있는 요소를 선택 |
| :disabled | 비활성화되어있는 요소를 모두 선택 |
| :enabled | 활성화되어있는 요소를 모두 선택 |
반응형