jQuery选择器

jQuery选择器
-基本选择器(basic)
	$("#id")根据id值找到匹配的元素,最多只返回一个元素(如果该元素存在)
	如果不存在,则返回一个空的jQuery对象.
	$(".class")根据css的class属性来返回一个集合,无论该css类是否真的存在
	只要定义在元素中就能被jQuery查询到.

-层次选择器(level)
-过滤选择器(filter)
-表单选择器(form)
<script type = "text/javascript" src = "jquery-1.4.3.js"></script>

<script type = "text/javascript">
	$(document).ready(function()
	{
		$("#button1").click(function()
		{
		    //找到表单body中所有的 div 元素
			$("body div").css("background","red");
		});

		$("#button2").click(function()
		{
			//匹配表单body中所有的子级div元素。
			$("body > div").css("background","yellow");
		})

		$("#button3").click(function()
		{
			//匹配所有跟在 label 后面的 input 元素
			$(".one + div").css("background","blue");
		})

		$("#button4").click(function()
		{
			//找到所有与表单 id="two"同辈的 div 元素
			$("#two ~ div").css("background","orange");
		})
	}); 

</script>