JQuery_[상태 필터 선택자]

Selector	Comment
.animated	선택상태가 실행되는 시점에서 진행 중인 애니메이션의 모든 엘리먼트를 선택
:button	버튼 엘리먼트를 선택
:checkbox	체크박스를 선택
:checked	체크박스 & 라디오 버튼 체크 또는 선택된 것들만 선택
:contains(text)	지정된 텍스트를 포함하는 모든 엘리먼트를 선택
:disabled	비활성화 상태인 엘리먼트를 선택
:enabled	활성화 상태인 엘리먼트를 선택
:file	파일타입 엘리먼트를 선택
:has(selector)	셀렉터와 일치한 최소 한개 이상의 엘리먼트를 포함하는 엘리먼트만 선택
:header	H1, H2, H3 등과 같은 헤더 모든 요소를 선택
:hidden	숨겨든 모든 요소를 선택
:image	이미지 타입의 엘리먼트를 선택
:input	패스워드 엘리먼트를 선택
:not(selector)	지정한 selector 와 일치하지 않은 엘리먼트를 선택
:parent	자식 엘리먼트를 가지는 엘리먼트를 선택
:password	패스워드 엘리먼트를 선택
:radio	라디오 버튼을 선택
:reset	리셋 버튼을 선택
:selected	선택된 모든 엘리먼트를 선택
:submit	전송 버튼을 선택
:text	텍스트 타입 엘리먼트를 선택
:visible	보이는 엘리먼트를 선택

ex)

$(document).ready(function() {

// id="el" 엘리먼트의 자식 li 태그 중 p 태그를 포함하는 엘리먼트를 찾아서 색깔변경

var el = $('#el > li:has(p)');

el.css('color', 'red');

});

<ul id="el">

<li>1</li>

<li>2</li>

<li>3</li>

<li<p>4</p></li>

<li>5</li>

<li>6</li>

<li>7</li>

<li>8</li>

<li>9</li>

</ul>