JQuery

一：JQuery

是什么

JQuery是JS的一个库。

优点

写的少，做的多。极大的简化了JS编程	

与JS的区别

JS需要在标签内写事件；JQuery可以在Body、head内写。

二：用法

1、引入JQuery包

<!--引入jquery-->
<script src="js/jquery-1.3.1.js"></script>
<script type="text/javascript">代码块</script>

2、开始JQuery语法

//第一种（主流）
$(function(){方法体});
//第二种
$().ready(function(){方法体})
//第三种
$(document).ready(function(){方法体})

三：事件

1、点击事件：（click()）当鼠标点击某个地方触发

				//获取要要点击的属性，调用click点击方法
				$("#btn1").click(function(){
					$("#adc").css("background-color","red")
				});

2、鼠标触发事件：（hover）当鼠标放在某个标签上则触发一系列事件

			//定义一个空的老文本颜色变色
     		var oldColor = "";
     		//获取要触发的定位，并调用hover使其触发
        	$("#tb tbody tr").hover(function () {
				//获得tr原来的颜色，并把它定义成方法
            	oldColor = $(this).css("background-color");
				//把原来文本颜色变为鼠标放上去之后新的颜色
	   			$(this).css("background-color","#d9e8fb");
			//再调用一次普通方法
        	},function () {
				//鼠标离开后变为原来颜色
            	$(this).css("background-color",oldColor);
        	});

$(this)和this的区别

$(this)用来操作方法
this可以直接访问属性获取值