JQuery学习笔记（一）

JQuery是一个轻量级的JavaScript的库，对JavaScript进行包装，简化了JS的编程，对与HTML内容处理，event事件，实现动画效果，进行AJAX交互的接口等许多功能都进行了封装，使开发者使用起来简单快捷，大大提高了开发速度。同时，它还兼容CSS3，兼容各种浏览器，不用我们再去区分各个浏览器间复杂的兼容关系。

这里有几个概念：

JQuery：是一个JavaScript的库，简化了JS开发。

AJAX：是指异步JS和XML，是一种交互技术，有别于传统的网页与服务器交互需要重新加载页面，通过AJAX技术可以在不重新加载页面的情况下实现B/S交互，则大大降低了网络流量，提高效率。

使用JQuery主要能做一下的几个事情：

（1）寻找DOM中的某个HTML元素

（2）修改HTML内容

（3）监听用户事件

（4）实现动画效果

（5）与网络交互

DOM：

浏览器收到HTML后，根据它的内容将各个标签组成一个树形的结构，叫做DOM，如：

如下图，JavaScript的角色是让浏览器运行的脚本，用来与DOM实现交互，改变DOM的结构或者DOM中标签的内容和样式。这样来实现动态网页的效果。

那么JQuery库中怎么寻找DOM中的标签，并修改其内容呢？

形如：

JQuery("h1").text();  //返回原有内容
JQuery("h1").text("change content");  //修改内容

/*用$符号代替JQuery也可以*/
$("h1").text();
$("h1").text("change content");

/*先检查DOM是否加载完成*/
function change() {
    $("h1").text("change content");
} 
JQuery(document).ready(change);