jQuery 접근자

기본 접근자

// html 태그
$('태그명') // $('h2')

// id
$('#아이디명')

// class
$('.클래스명')

// name 어트리뷰트
$('input[name=이름]')

 

고급 예제

// 모든 요소
$("*")

// 현재 요소
$(this)

// class="intro"가 설정된 모든 p태그 요소
$("p.intro")

// 첫 번째 p태그 요소
$("p:first")

// 첫 번째 ul태그의 첫 번째 li태그 요소
$("ul li:first")

// 모든 ul태그의 첫 번째 li태그 요소
$("ul li:first-child")

// href어트리뷰트를 갖는 모든 요소
$("[href]")

// a태그의 target이 '_blank'로 설정된 모든 요소
$("a[target='_blank']")

// type="button"으로 설정된 모든 input 태그
$(":button")

// 짝수 번째인 모든 tr요소 
$("tr:even")

// 홀수 번째인 모든 tr요소
$("tr:odd")

 

더 자세한 내용은 "css 접근자"를 참고하시기 바랍니다.

 

CSS 접근자