제이쿼리(jQuery) 선택자 종류

▒ 제이쿼리(jQuery) 선택자 종류

 

흔히 우리가 CSS에서 사용하는 선택자는 모두 사용이 가능하다고 생각하면 된다.

그 외에도 유용한 선택자가 무수히 많다.

 

$(function() {
   $('#ex').css('color', '#cccccc'); //id값 ex가 선택자!
});

 

※ 선택자 안의 값은 ' '작은따옴표나 " " 큰따옴표로 묶는다.

$('#id')	id값 선택
$('.class')	class값 선택
$('#id, .class')	다중선택은 쉼표로 구분
$('div')	div요소 선택
$('div, p')	다중선택은 쉼표로 구분
$('div>p')	div안의 p요소 선택
$('li:first-child')	li요소의 첫번째를 선택
$('li:nth-ofy-type(2)')	li요소의 두번째를 선택
$('tr:even')	<tr>요소의 홀수를 선택
$(':checkbox')	□ 체크박스를 선택

 

 

더 많은 선택자 종류와 쓰임새는 아래의 링크로 확인 가능하다.

(선택자 종류를 클릭하면 오른쪽 화면에 그 요소에 해당하는 부분을 표시한다.)

 

더알아보기