탐색 선택자

  $('.nav').children()

자식

 

 

  $('.nav').parent()

부모

 

 

  $('.nav').parents('div')

조상 중 div들

 

 

$('.nav').closest('div')

조상 중 첫번째 div

 

 

 

  $('.nav').next()

.nav 다음

 

 

 

  $('.nav').nextAll()

.nav 다음 모든 요소

 

 

 

  $('.nav').prev()

.nav 이전

 

 

 

 

$('.nav').nextUntil('p')

.nav부터 p전까지

 

 

 

  $('.nav').siblings('p')

형제요소 p

 

 

  $('.nav').find('p')

.nav 하위 요소 중 p 선택

 

 

 

  $('div').filter('.nav')

div 중 nav 클래스 선택

 

 

 

 

  $('div').not('.nav')

.nav가 아닌 요소

 

 

 

  $('div').has('.nav')

div 중 .nav를 포함하고 있는 것

 

 

 

  $('div').eq(0)

div 중 index 0번

 

 

 

$('div').gt(0)

0번 초과

 

 

 

 

 

  $('div').lt(2)

2번 미만

 

 

 

$('#m7 > div').add('#m7>p')

m7의 div에 p 추가로 선택

 

 

$('#m8').children('p').addBack()

이전 요소, 그러니까 선택, 선택 하다가 이전.

 

 

  $('#m9').find('span').css({

    backgroundColor:'orange'

  }).end().find('em').css({

    backgroundColor:'blue'

  });

end() 까지 끝내고 처음으로 돌아가서 ('#m9')의 find('em') 

 

 

 

  if($('#m10').children().is('p')){

    console.log("true");

  }else{

    console.log("fail");

  }

아이들 중에 p가 있다면

이거 왜 이렇게 만들었냐?