본문 바로가기
LIBRARY

속성 선택자

by 코빈_ 2022. 8. 31.

jQuery 속성 선택자

속성 선택자

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

See the Pen Untitled by KDB6 (@kdb6) on CodePen.

'LIBRARY' 카테고리의 다른 글

탐색 선택자  (2) 2022.08.31
필터 선택자  (3) 2022.08.31
기본 선택자  (4) 2022.08.31
jQuery  (4) 2022.08.29
GSAP  (6) 2022.08.29

댓글


INFORMATION

javascript

css

html