jQuery 선택자
- 이전 페이지 jQuery 문법
- 다음 페이지 jQuery 이벤트
선택자는 원소 그룹이나 단일 원소에 대해 작업을 수행할 수 있습니다.
jQuery 선택자
이전 장에서는 HTML 원소를 선택하는 방법에 대한 몇 가지 예제를 보여주었습니다.
주요 포인트는 jQuery 선택자가 어떻게 원하는 효과를 적용할 원소를 정확하게 선택하는지 배우는 것입니다.
jQuery 요소 선택자와 속성 선택자는 태그 이름, 속성 이름 또는 내용을 통해 HTML 요소를 선택할 수 있습니다。
선택자는 HTML 요소 그룹이나 단일 요소에 대한 작업을 허용합니다。
HTML DOM 용어로는：
선택자는 DOM 요소 그룹이나 단일 DOM 노드에 대한 작업을 허용합니다。
jQuery 요소 선택자
jQuery는 CSS 선택자를 사용하여 HTML 요소를 선택합니다。
$("p")는 <p> 요소를 선택합니다。
$("p.intro")는 class="intro"인 모든 <p> 요소를 선택합니다。
$("p#demo")는 id="demo"인 모든 <p> 요소를 선택합니다。
jQuery 속성 선택자
jQuery는 XPath 표현식을 사용하여 특정 속성을 가진 요소를 선택합니다。
$("[href]")는 모든 href 속성을 가진 요소를 선택합니다。
$("[href='#']")는 href 값이 "#"인 모든 요소를 선택합니다。
$("[href!='#']")는 href 값이 "#"이 아닌 모든 요소를 선택합니다。
$("[href$='.jpg']")는 ".jpg"으로 끝나는 href 값을 가진 모든 요소를 선택합니다。
jQuery CSS 선택자
jQuery CSS 선택자는 HTML 요소의 CSS 속성을 변경할 수 있습니다。
아래의 예제는 모든 p 요소의 배경색을 빨간색으로 변경합니다：
实例
$("p").css("background-color","red");
更多的选择器实例
| 문법 | 설명 |
|---|---|
| $(this) | 현재 HTML 요소 |
| $("p") | 모든 <p> 요소 |
| $("p.intro") | 모든 class="intro"의 <p> 요소 |
| $(".intro") | 모든 class="intro"의 요소 |
| $("#intro") | id="intro"의 요소 |
| $("ul li:first") | 모든 <ul>의 첫 번째 <li> 요소 |
| $("[href$='.jpg']") | 모든 ".jpg"으로 끝나는 속성 값을 가진 href 속성 |
| $("div#intro .head") | id="intro"의 <div> 요소에 있는 모든 class="head" 요소 |
완전한 참조 가이드를 보려면 우리의 jQuery 선택자 참조 가이드。
- 이전 페이지 jQuery 문법
- 다음 페이지 jQuery 이벤트
