JQuery选择器(基本选择器、层级选择器、过滤选择器)

基本选择器

$("#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元素