W3.JS 선택기
W3.JS 선택기
W3.JS 는 HTML 요소를 선택 하고 선택한 요소에 대해 작업 을 수행합니다.
w3.action(selector)
- 작업 ()은 선택한 요소에 대해 수행됩니다 .
- ( 선택기 )는 HTML 요소를 선택합니다.
예시
w3.hide('p') // Hide all <p> elements
CSS 선택기에 익숙합니까?
W3.JS는 CSS 구문을 사용하여 HTML 요소를 선택하고 조작합니다.
선택기는 태그 이름, ID, 클래스, 유형, 속성, 속성 값 등을 기반으로 HTML 요소를 "찾기"(선택)하는 데 사용됩니다. 모든 선택기 목록은 CSS 선택기 참조 에서 찾을 수 있습니다 .
선택기 예
HTML 요소를 선택하려면 태그 이름을 사용하십시오.
모든 <h2> 요소 숨기기:
w3.hide('h2')
특정 ID를 가진 요소를 선택하려면 해시 문자를 작성하고 그 뒤에 HTML 요소의 ID를 입력합니다.
id="London"인 요소 숨기기:
w3.hide('#London')
특정 클래스가 있는 요소를 선택하려면 마침표 문자와 클래스 이름을 차례로 작성합니다.
class="city"인 모든 요소 숨기기:
w3.hide('.city')
더 많은 선택기 예제
| Selector | Description | Example |
|---|---|---|
| ("*") | Selects all elements in the document | |
| (this) | Selects the current HTML element | |
| ("p.intro") | Selects all <p> elements with class="intro" | |
| ("div p") | Selects all <p> element inside all <div> elements | |
| ("div p:first-child") | Selects the first <p> element inside all <div> elements | |
| ("[href]") | Selects all elements with an href attribute | |
| ("a[target=_blank]") | Selects all <a> elements with a target attribute value equal to "_blank" | |
| ("p:nth-child(even)") | Selects all even <p> elements |
모든 CSS 선택기에 대한 완전한 참조를 보려면 CSS 선택기 참조 로 이동하십시오 .