본문 바로가기
프로그래밍/JavaScript

jQuery 접근자

by 꾸션 2022. 6. 22.

기본 접근자

// 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 접근자

css 접근자 정의 및 예시입니다. .class .intro class="intro"인 모든 요소 선택 .class1.class2 .name1.name2 class 속성 내에  name1  과  name2 가 모두 설정된 모든 요소를 선택합니다 . .class1 .class2 ...

ccusean.tistory.com

 

반응형

댓글