CHAPTER 03

노드 다루기 - 노드 찾기

들어가며..

• 일반 노드 찾기
• 찾은 노드 다루기
• 자식 노드 찾기
• 부모 노드 찾기
• 형제 노드 찾기
• 미션

찾은 노드 다루기

• 찾은 노드의 개수 구하기 - $대상.length
• 찾은 노드 중 n번째 노드 접근하기 - $대상.eq(index)
• 자바스크립트 DOM 객체 접근하기 - $대상.get(index)
• 순차적으로 찾은 노드 접근하기 -
  $대상.each(function(index){
             var $target = $(this); OR
             var $target = $대상.eq(index)                   
• 찾은 노드 중에서 특정 노드만 찾기 - $대상.filter("선택자")
• 찾은 노드의 자손 노드 중 특정 노드만 찾기 - $대상.find("선택자")
• 인덱스 값 구하기 - 
  $대상.index(), $목록.index($대상), $목록.index(대상DOM)

자식 노드 찾기

• 모든 자식 노드 찾기 - $대상.children()
• 특정 자식 노드만 찾기 - $대상. children("선택자")
• 첫 번째 자식 노드 찾기 -
  $대상.children().first(), $대상.children().eq(0)
  $대상.children(":first"), $대상.children(":eq(0)")
• 마지막 자식 노드 찾기 -
  $대상.children().last(), $대상.children(":last")
  $대상.children().eq($대상.children().length-1)
  $대상.children(":eq("+$대상.children().length-1+)")
  $대상.children().eq(-1)
  $대상.children(":eq(-1)")
• n번째 자식 노드 찾기 - $대상.children().eq(index)
  $대상.children(":eq("+index+")")

부모 노드 찾기

• 부모 노드 찾기 - $대상.parent()
• 조상 노드 찾기 - $대상.parents(["선택자"])

형제 노드 찾기

• 이전 형제 노드 찾기 - $대상.prev(), $대상.prevAll(["선택자"])
• 다음 형제 노드 찾기 - $대상.next(), $대상.nextAll(["선택자"])