본문 바로가기
LIBRARY

기본 선택자

by 코빈_ 2022. 8. 31.

jQuery 기본 선택자

기본 선택자

선택자 종류 설명
태그 선택자 $("p") p 요소를 선택합니다.
id 선택자 $("#gnb") #gnb 요소를 선택합니다.
class 선택자 #("logo") .logo 요소를 선택합니다.
자식 선택자 $("#gnb>ul>li") #gnb의 자식 요소의 자식 요소 li를 선택합니다.
하위 선택자 #("#gnb ul") #gnb의 하위에 있는 모든 ul요소를 선택합니다.
인접 선택자 $("#visual + #content") #visual 다음에 오는 #content 요소를 선택합니다.
형제 선택자 $("#visual ~ #footer") #visual의 형제 요소 #footer를 선택합니다.
종속 선택자 #("div,util") div 요소 중 class가 util인 요소를 선택합니다.
그룹 선택자 $(".left, .right, #banner") .left .right #banner 요소들을 선택합니다.
전체 선택자 $("*") 모든 요소를 선택합니다.

See the Pen Untitled by KDB6 (@kdb6) on CodePen.

'LIBRARY' 카테고리의 다른 글

탐색 선택자  (2) 2022.08.31
필터 선택자  (3) 2022.08.31
속성 선택자  (4) 2022.08.31
jQuery  (4) 2022.08.29
GSAP  (6) 2022.08.29

댓글


INFORMATION

javascript

css

html