jQuery - 속성 선택자

속성 선택자

JQuery는 html 요소와 관련된 기능구현이 많아 그만큼 CSS와 매우 밀접한 관계가 있습니다.

속성 선택자 종류

선택자 종류	설명
요소[속성]	$("span[class]")	span 요소 중 class 속성을 가지고 있는 요소를 선택합니다.
요소[속성='값']	$("span[class='abc']")	span 요소 중 class 가 'abc'인 요소를 선택합니다.
요소[속성!='값']	$("span[class!='abc']")	span 요소 중 class 가 'abc'가 아닌 요소를 선택합니다.
요소[속성~='값']	$("span[class~='abc']")	span 요소 중 class 가 'abc'를 포함하는 요소를 선택합니다. 'abc'앞뒤로 연결된 문자가 없어야 합니다.
요소[속성*='값']	$("span[class*='abc']")	span 요소 중 class 가 'abc'가 포함하는 모든 요소를 선택합니다.
요소[속성|='값']	$("span[class|='abc']")	span 요소 중 class 가 'abc'나 'abc-' 로 시작하는 요소를 선택합니다.
요소[속성^='값']	$("span[class^='abc']")	span 요소 중 class 가 'abc' 로 시작하는 요소를 선택합니다.
요소[속성$='값']	$("span[class$='abc']")	span 요소 중 class 가 'abc' 로 끝나는 요소를 선택합니다.

---

예시