jQuery
jQuery(선택자, 필터)
행복하게사는게꿈
2020. 4. 24. 13:59
선택자 : 필터
선택자로 기준 element를 먼저 찾고 필터는 엘리먼트 주변의 다른 엘리먼트나 선택된 집합중의 일부를 더 정밀하게
선택하는 역할을 한다.
:first | 선택요소 중 첫번째 요소 |
:last | 선택요소 중 마지막 요소 |
not(selector) | 괄호의 selector가 일치되는 모든요소를 제외 |
:even | 선택요소 중 짝수요소 |
:odd | 선택요소 중 홀수요소 |
:eq(index) | 선택요소 중 주어진 index에 일치하는 index를 가지는 요소 |
:gt | 선택요소 중 주어진 index보다 큰 index를 갖는 요소 |
:lt(index) | 선택요소 중 주어진 index보다 작은 index를 갖는 요소 |
내용 필터
:contains(text) |
지정한 텍스트를 포함하는 요소들 (대소문자 굽문, 자식 요소의 텍스트까지 검색한다.) |
:empty | 대상 요소 중 자식 요소가 없고 텍스트도 가지지 않는 요소들 |
:has(selector) | 지정된 셀렉터에 해당하는 요소를 갖는 모든 요소들과 일치 |
:parent | 대상 요소 중 자식 요소를 갖거나 텍스트를 갖는 요소들이 이에 해당됨 |
자식필터
nth-child |
자식 중 index로 지정된 위치의 요소들과 일치되거나, even(짝수), odd(홀수)번째에 해당하는 자식들과 일치
(단, index는 1부터 시작) |
:first-child |
첫 번째 자식인 모든 요소와 일치 ex) $("td:first-child") : td를 자식으로 하는 tr그룹에서 첫번째 자식
차이점 :first -> 전체 중에서 첫번째요소 (선택되는 요소는 반드시 하나) |
:last-child | 마지막 자식인 모든 요소와 일치 |
:only-child | 자신이 부모 요소의 유일한 자식인 모든 요소와 일치 |
form상태
:enabled | 현재 enable 상태인 모든 요소와 일치 |
:disabled | 현재 disable 상태인 모든 요소와 일치 |
:checked | 체크된 모든 요소들과 일치 |
:selected | 선택된 모든 요소들과 일치 |