✨
JQuery
  • 제이쿼리
  • 제이쿼리 기본
  • 선택자
    • 기본 선택자
    • 계층 선택자
    • 속성 선택자
    • 기본 필터 선택자
    • 내용 필터 선택자
    • 보임 필터 선택자
    • 자식 요소 필터 선택자
    • 폼 요소 필터 선택자
  • 탐색
    • find() / filter()
    • each()/$.each()
  • 속성
    • position() / offset()
    • scrollTop() / scrollLeft()
    • addClass() / removeClass()
    • toggleClass()
    • hasClass()
    • Attr() / removeAttr()
  • 변경
    • append() / prepend ()
    • remove() / empty ()
    • text() / html()
  • 애니메이션
    • show() / hide()
    • fadeIn() / fadeOut()
    • slideUp() / slideDown()
    • animate()
  • 이벤트
Powered by GitBook
On this page

Was this helpful?

  1. 선택자

계층 선택자

Previous기본 선택자Next속성 선택자

Last updated 4 years ago

Was this helpful?

계층 선택자

// 계층 선택자
$(".list li").css({backgroundColor:"#bbdefb", border:"1px dashed #303f9f"});// 하위 선택자
$(".list > li").css({backgroundColor:"#bbdefb", border:"1px dashed #303f9f"});// 자식 선택자(첫번째 자식만 선택)
$(".list5 + li").css({backgroundColor:"#bbdefb", border:"1px dashed #303f9f"});// 형제 선택자(선택 형제의 다음 선택자 선택)
$(".list5 ~ li").css({backgroundColor:"#bbdefb", border:"1px dashed #303f9f"});// 형제들(선택 형제의 밑에 있는 선택자들 선택)