jQuery

jQuery

Selecionando a ascendência

• parent()
• parents()
• parentsUntil()

▼

parent()

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

parents()

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

parentUntil()

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

jQuery

Selecionando a descendência

• children()
• find()

▼

children()

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

find()

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

jQuery

Caminhando aos lados

• siblings()
• next()
• nextAll()
• nextUntil()
• prev()
• prevAll()
• prevUntil()

▼

siblings()

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

next()

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

nextAll()

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

nextUntil()

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

prev(), prevAll() e prevUntil()

Estes três comandos realizam as mesmas funcionalidades do next(), nextAll() e nextUntil(), porém no sentido contrário.

jQuery

Filtrando elementos

• first()
• last()
• eq()
• filter()
• not()

▼

first()

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

last()

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

eq()

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

filter()

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

not()

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