jQuery学习小结3（jQuery遍历）

//获取父元素
$(document).ready(function(){
$("#button").click(function(){
//$(".a").parent().css("color","red");//直父亲
//$(".a").parents().css("color","red");//所有祖先
//$(".a").parentsUntil("div").css("color","red");//获取a到div之间的元素（不包括a和div)
});
});

//获取子元素
$(document).ready(function(){
$("#button").click(function(){
//$("div").children().css("color","red");//直接子元素
//$("div").children("ul.1").css("color","red");//直接子元素ul的class为1的
$("div").find("li").css("color","red");//查找子元素li这个子元素
});

//获取同胞元素
$("ul").siblings().css("color","red");//遍历出所有同胞
//$("ul").next().css("color","red");//下一个同胞
//$(".1").nextAll().css("color","red");//下面的所有同胞
//$(".1").nextUntil(".2").css("color","red");//两个元素之间的元素(不包括两端元素)
//prev() prevAll() prevUntil();

    //过滤想要的元素

$(document).ready(function(){
$("#button").click(function(){
//$("div ul").first().css("color","red");//第一个
//$("div ul").last().css("color","red");//最后一个
//$("div ul").filter(".2").css("color","red");//返回给定的
//$("div ul").not(".2").css("color","red");//返回除了给定以外的
});
});
*/

});