필터 선택자 - 기본 필터 선택자, 함수 필터 선택자

CODEDRAGON Development/JavaScript, jQuery, ...

반응형

 

필터 선택자

·       기본 필터 선택자 

·       함수 필터 선택자 

 

 

기본 필터 선택자

선택자 형태

설명

요소:odd

홀수 번째에 위치한 문서 객체를 선택

요소:even

짝수 번째에 위치한 문서 객체를 선택

요소:first

첫 번째에 위치한 문서 객체를 선택

요소:last

마지막에 위치한 문서 객체를 선택

 

 

 

함수 필터 선택자

선택자 형태

설명

요소:contains(문자열)

특정 문자열을 포함하는 문서 객체를 선택

요소:eq(n)

n번째에 위치하는 문서 객체를 선택

요소:gt(n)

n번째 이상에 위치하는 문서 객체를 선택

요소:has(h1)   

h1태그를 가지고 있는 문서 객체를 선택

요소:lt(n)

n번째 미만에 위치하는 문서 객체를 선택

요소:not(선택자)

선택자와 일치하지 않는 문서 객체를 선택

요소:nth-child(3n+1)   

3n+1번째에 위치하는 문서 객체를 선택(1,4,7,...)