속성 탐색 선택자

속성 탐색 선택자

탐색 선택자

$(function(){

$("#inner_1 p:contains(내용1)") // 선택한 요소 중 "내용 1"을 포함하는 요소만 선택

.css({"background-color":"#ff0"});

$("#inner_1 p:has(strong)") // 선택한 요소 중 요소를 포함하는 요소만 선택

.css({"background-color":"#0ff"});

$("#outer_wrap").contents( ) // id값이 "outer_wrap"인 요소의 하위 요소의 텍스트 와 태그 노드 선택

.css({"border":"1px dashed #00f"});

$("#inner_2 p").not(":first") // id값이 "inner_2"인 요소의 하위 요소에서 첫번째 요소만 제외하고 선택

.css({"background-color":"#0f0"});

$("#inner_2 p").eq(2).end() //id 값이 "inner_2"인 요소의 하위 요소에서 인덱스가 2인 요소를 선택한다. 그러나 다시 end()

메서드를 적용하기 때문에 인덱스를 선택하기 전의 선택자가 적 용된다.

.css({"color":"#f00"});

});

콘텐츠 탐색 선택자

contains( ), contents( ), has( )

내용1

내용2

내용3

not( ), end( )

내용4

내용5

내용6

from http://data05.tistory.com/150 by ccl(A) rewrite - 2021-08-19 23:00:19