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 선택된 모든 요소들과 일치