基本选择器
$("#btn1").click(function(){
//选择ID对象
$("#one").css("background-color","pink");
});
$("#btn2").click(function(){
//选择类
$(".mini").css("background-color","pink");
});
$("#btn3").click(function(){
// 选择所有div
$("div").css("background-color","pink");
});
$("#btn4").click(function(){
//选择所有元素
$("*").css("background-color","pink");
});
层级选择器
ancestor descendant:在给定的祖先元素下匹配所有的后代元素(儿子、孙子、重孙子)
parent > child:在给定的父元素下匹配所有的子元素(儿子)
prev + next:匹配所有紧接在prev元素后的next元素(紧挨着的,同桌)
prev ~ sibling:匹配prev元素之后的所有siblings元素(兄弟)
过滤选择器
$("body div:first") //匹配body中的第一个div元素
$("body div:last") //匹配body中最后一个div元素
$("body div:odd") //匹配body中奇数的div元素
$("body div:even") //匹配body中偶数的div元素