祖先、后代、同胞、过滤

祖先：parent parents parentsUntil 

$("div").parent().css({"border":"2px solid red"});

$("div").parents().css({"border":"2px solid red"});

$("div").parentsUntil("html").css({"border":"2px solid red"});

 

后代：children find 

$("div").children().css({"border":"2px solid red"});

$("body").find("*").css({"border":"2px solid red"});

 

同胞：sibings 

next nextAll nextUntil

prev prevAll prevUntil

$("li").siblings(".li1").css({"color":"red"});

向下

$("li").next().css({"color":"red"});

$("li").nextAll().css({"color":"red"});

$(".b2").nextUntil("h6").css({"color":"red"});

向上

$("li").prev().css({"color":"red"});

$("li").prevAll().css({"color":"red"});

$(".b2").prevUntil("h6").css({"color":"red"});

 

过滤： first last eq filter not

  $("p").first().css({"color":"red"});

  $("p").last().css({"color":"red"});

$("h2").filter(".one").css({"color":"red"});

$("h2").not(".one").css({"color":"red",});