JQuery

我们今天就来看一个新的知识点JQuery，跟我先简单了解一下吧！

JQuery是什么呢？我们再一次的说到不熟悉的地方，还是一样的先了解他是什么？用来做什么？

JQuery其实就是将JAVAScript的DOM编程变得简化的一个框架。
它能够完美解决选择元素难、样式难、动画难、批量操作难等各种兼容问题，让工程师只需要思考业务，而不必思考细枝末节的兼容问题。
（说到这里不得不说懒人就是聪明，哈哈，玩笑话！）

JQuery的口号就是：写更少的代码，做更多的事情

那么我们看看具体都是在怎样写更少的代码？

一、 简化

之前我们了解的js获取元素都是通过DOM操作进行的

var   xxx = document.getElementById("box")

经过上述操作就能获取的id名为box的元素，而经过JQuery简化之后变成了什么样子呢？我们来看看：

$("#box")

哎呀！竟然就这样完了！
是的就是这样！可见JQuery的简化有多可怕！
那我们再来看一看其他神奇的操作：

//id选择器设置css样式
$("#box ").css("background-color","red")
//class选择器设置css样式
$(".box").css("background-color","red")
//元素名设置css样式
$("div").css("background-color","red")
......

就是这么简单！心动了没有？
如果不够心动的话那么还有：

//盒模型的动画效果
$("#box").animate({"left":1000},2000)

就是这样就可以让盒模型运动起来，这下心动了没有，心动不如行动！
让我们一起学习JQuery让编程变得更简单！