Java jQuery从入门到放弃

							**初识JQuery**

1.什么是JQuery?
JQuery是一款优秀的JavaScript库，从命名可以看出JQuery的主要用途是用来做查询,熟练使用JQuery 能让我们对HTML文档遍历和操作，事件处理，动画以及Ajax变得更加简单.
2.为啥要用JQuery?
当然是为了偷懒，节省时间，JQuery 代码写少了，效率高了，并且兼容性极强，各大主流浏览器都能完美兼容，这样一个神器早早用上不是就可以愉快的工（摸）作（鱼）了吗。
代码减少实例：
写一个简单例子，设计一个html页面，我们设置3个DIV，

现在我们需要找到这3个DIV并且把他们变颜色。那么用js代码这样写

<script >
		window.onload=function (ev){
			var div1=document.getElementsByTagName("div")[0];
			//一号div通过标签找，找完一堆，我们只要第一个
			var div3=document.getElementsByClassName("box2")[0];
			//3号div有类名,同理
			var div2=document.getElementById("box1");	
			//2号div有id,id是唯一的因此我们不需要找第1个.
			console.log(div1);
			//console,lon()这个方法是输出.
			console.log(div2);
			console.log(div3);
			//修改背景颜色
			div1.style.backgroundColor="red";
			div2.style.backgroundColor="blue";
			div3.style.backgroundColor="green";
			}
</script>
再来对比一下JQuery的代码
<script src="jquery-1.11.0.min.js"></script>
//这里不要忘记导入JQuery包，不然浏览器不认识
		<script >
			$(function() {
				var $div1=$("div");
				var $div2=$(".box2");
				var $div3=$("#box1");
				//console.log(div1);
				//这里注释掉是因为不加0会报错。
				//console.log(div2);
				//console.log(div3);
				$div1.css({
						background:"red",
						width:"400px",
						height:"200px"
				});
				$div2.css({
					background:"blue",
						width:"400px",
				});
				$div3.css({
					background:"pink",
						width:"400px",
				});	
			});
		</script>
	

2者相比之下取其少，当然是要用JQuery了。