jQuery - traversing

• parent()
• parents()
• parentsUntil()
• children()
• find()
• siblings()
• next()
• nextAll()
• nextUntil()
• prev()
• prevAll()
• prevUntil()

 

jQuery parent() 메서드

parent()메서드는 선택한 요소의 직접적인 부모 요소를 반환합니다.

$(document).ready(function(){
  $("span").parent();
});

 

 

 

jQuery parents() 메서드

parent()메서드는 선택한 요소의 모든 부모 요소를 반환합니다.

$(document).ready(function(){
  $("span").parents();
});

$(document).ready(function(){
  $("span").parents("ul");
});

 

 

 

jQuery parentUntil() 메서드

parentsUntil()메서드는 주어진 두 인수 사이의 모든 상위 요소를 반환합니다.

$(document).ready(function(){
  $("span").parentsUntil("div");
});

 

 

jQuery children() 메서드

children()메서드는 선택한 요소의 모든 직계 자식을 반환합니다.

$(document).ready(function(){
  $("div").children();
});

$(document).ready(function(){
  $("div").children("p.first");
});

 

 

 

jQuery find() 메서드

$(document).ready(function(){
  $("div").find("span");
});

$(document).ready(function(){
  $("div").find("*");
});

 

 

jQuery siblings() 메서드

siblings()메서드는 선택한 요소의 모든 형제 요소를 반환합니다.

$(document).ready(function(){
  $("h2").siblings();
});

$(document).ready(function(){
  $("h2").siblings("p");
});

 

 

jQuery next() 메서드

$(document).ready(function(){
  $("h2").next();
});

 

 

jQuery nextAll() 메서드

$(document).ready(function(){
  $("h2").nextAll();
});

 

 

jQuery nextUntil() 메서드

nextUntil()메서드는 주어진 두 인수 사이의 모든 다음 형제 요소를 반환합니다.

$(document).ready(function(){
  $("h2").nextUntil("h6");
});

 

 

jQuery prev(), prevAll() 및 prevUntil() 메서드

역기능

 

 

 

jQuery first() 메서드

first()메서드는 지정된 요소의 첫 번째 요소를 반환합니다 .

$(document).ready(function(){
  $("div").first();
});

 

 

 

jQuery last() 메서드

last()메서드는 지정된 요소의 마지막 요소를 반환합니다 .

$(document).ready(function(){
  $("div").last();
});

 

 

 

jQuery eq() 메서드

eq()메서드는 선택한 요소의 특정 인덱스 번호를 가진 요소를 반환합니다.

$(document).ready(function(){
  $("p").eq(1);
});

 

 

 

jQuery filter() 메서드

<p>클래스 이름이 "intro"인 모든 요소를 ​​반환합니다.

$(document).ready(function(){
  $("p").filter(".intro");
});

 

 

 

jQuery not() 메서드

filter()의 반대입니다.

$(document).ready(function(){
  $("p").not(".intro");
});