반응형
jQuery 선택자2
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'앞뒤로 연결된 문자가 없어야 합니다. 'bg abc'는 선택되나 'bg_abc'는 선택되지 않습니다. |
요소[속성*='값'] | $("span[class*='abc']") | span 요소 중 class가 'abc'를 포함하는 요소를 모두 선택합니다. 'bg abc', 'bg_abc'모두 선택합니다. |
요소[속성|='값'] | $("span[class|='abc']") | span 요소 중 class가 'abc'나 'abc-'로 시작하는 요소를 선택합니다. |
요소[속성^='값'] | $("span[class^='abc']") | span 요소 중 class가 'abc'로 시작하는 요소를 선택합니다. |
요소[속성$='값'] | $("span[class$='abc']") | span 요소 중 class가 'abc'로 끝나는 요소를 선택합니다. |
예제
상세한 코드는 아래 코드펜을 확인해주세요.
반응형
'jQuery' 카테고리의 다른 글
jQuery 클래스 관련 메서드 (10) | 2022.09.04 |
---|---|
jQuery 탐색 선택자 (7) | 2022.08.30 |
jQuery 필터 선택자 (10) | 2022.08.30 |
jQuery 기본 선택자 (4) | 2022.08.30 |
jQuery (7) | 2022.08.29 |
댓글