2. jQuery 선택자(jQuery Selectors)

jQuery의 선택자는 어떤 것들이 있는지 확인해봅시다.

• 선택자 정리

Syntax	Description
$("*")	모든 요소들을 선택한다.
$(this)	현재 HTML 요소를 선택한다.
$("p.intro")	class="intro"인 <p>의 요소를 선택한다.
$("p:first")	<p> 요소의 첫번째 요소를 선택한다.
$("ul li:first")	첫 번째 <ul>의 첫번째 <li>의 요소를 선택한다.
$("ul li:first-child")	모든 <ul>에서 첫번째<li>의 요소를 선택한다.
$("[href]")	href 속성의 모든 요소를 선택한다. (href 쓰임 예시 <a href="https://jongtachi.tistory.com">)
$("a[target='_blank']")	target="_blank"인 <a> 태그의 요소를 선택한다.
$("a[target!='_blank']")	target="_blank"가 아닌 태그의 요소를 선택한다.
$(":button")	<input type="button">이거나 <button>인 것들의 요소를 선택한다.
$("tr:even")	모든 짝수 <tr>의 요소를 선택한다.
$("tr:odd")	모든 홀수 <tr>의 요소를 선택한다.

 

실제로 해보는 게 실력에 많이 도움이 되겠죠?

밑에 링크에 들어가셔서 내려보시면 선택자가 나와있고 그 옆에 Try it을 누르시면 편하게 실습하실 수 있습니다. 

https://www.w3schools.com/jquery/jquery_selectors.asp

jQuery Selectors