[8주차] 4-4. 속성 선택자***

속성 선택자

* Jquery의 filter, not의 인자로 사용되기도 함

1) 특정 태그가 특정 속성을  가지는 것들을 모두선택

2) 특정 태그가 특정 속성을  가지며, 그 속성에 지정한 값이 완전히 일치하는 것들을 모두선택

3) 특정 태그가 특정 속성을  가지며, 그 속성에 지정한 값이 내가 적어준 값으로 시작하는 것들을 모두선택

4) 특정 태그가 특정 속성을  가지며, 그 속성에 지정한 값이 내가 적어준 값으로 끝나는 것들을 모두선택

5) 특정 태그가 특정 속성을  가지며, 그 속성에 지정한 값이 내가 적어준 값을 포함하는 것들을 모두선택

 

/* 1번 케이스: 특정 태그가 특정 속성을  가지는 것들을 모두선택 */
a[target] {
}

/* 2번 케이스 : 특정 태그가 특정 속성을  가지며, 그 속성에 지정한 값이 완전히 일치하는 것들을 모두선택*/
a[target = "_blank"] {
}

/* 3번 케이스 : 특정 태그가 특정 속성을  가지며, 그 속성에 지정한 값이 내가 적어준 값으로 시작하는 것들을 모두선택*/
a[target ^= "_blank"] {
}

/* 4번 케이스 : 특정 태그가 특정 속성을  가지며, 그 속성에 지정한 값이 내가 적어준 값으로 끝나는 것들을 모두선택*/
a[target $= "_blank"] {
}

/* 5번 케이스 : 특정 태그가 특정 속성을  가지며, 그 속성에 지정한 값이 내가 적어준 값을 포함하는 것들을 모두선택*/
a[target *= "_blank"] {
}

...

<a href="http://www.q-net.or.kr" target="_blank">

사용예시