SELECTORS

SELECTORS

Draft
  • bug_report

Hierarchy

설명

계층 관계를 이용한 선택자 방식

구현 형식

1

$('parent > child')

매개 변수

CSS Selectorparent > child필수

부모로 지정된 요소중 자식으로 지정된 모든 직접 하위 요소를 선택자로 사용한다.

구문

$(".mybox > span")사용 예추가된 버전: null
class가 mybox인 요소의 자식 요소가 span인 경우에 jQuery 객체로 반환되어 배경색을 노랑색으로 처리한다.

구현 형식

2

$('ancestor descendant')

매개 변수

CSS Selectorancestor descendant필수

지정된 조상의 모든 하위 요소를 선택자로 사용한다.

구문

$(".mybox span")사용 예추가된 버전: null
class가 mybox인 요소의 모든 자손이 span인 경우에 jQuery 객체로 반환되어 배경색을 노랑색으로 처리한다.

구현 형식

3

$('prev + next')

매개 변수

CSS Selectorprev + next필수

형제관계의 요소중에서 "prev" 바로 앞에 오는 "next"와 일치하는 모든 다음 요소를 선택자로 사용한다.

구문

$(".mybox + div")추가된 버전: null
class가 mybox인 요소의 다음 형제 요소가 div인 경우에 jQuery 객체로 반환되어 배경색을 노랑색으로 처리한다.

구현 형식

4

$('prev ~ siblings')

매개 변수

Selecprev ~ siblings필수

구문

$(".mybox ~ div")추가된 버전: null
class가 mybox인 요소의 이후 모든 형제 요소가 div인 경우에 jQuery 객체로 반환되어 배경색을 노랑색으로 처리한다.

©2024 devdic.com, Korea

출처를 밝힌 리소스 이외의 본 레퍼런스에 사용된 모든 생성물의 소유 및 저작권은 devdic.com에 있습니다. 특별히 재배포를 금지한 것 이외는 재배포가 가능하며 반드시 출처를 표기해 주시기 바랍니다.
현재는 베타 버전으로 미등록 및 불완전한 콘텐츠가 일부 있을 수 있습니다. 오류 및 기술 자료 제보(건의)는 언제든지 환영하며 감사드립니다.
기본적으로 W3C 기술 사양을 기준으로 작성하였으며 일반적이지 않은 기술 설명에 대한 내용의 일부는 Mozilla의 MDN web docs에서 도움 받았음을 밝힙니다. 그들을 존경합니다.

master@cydemy.com