jQuery入门

Ⅰ、jQuery的定义

jQuery其实就是一个JavaScript库，它提供了一个易于使用的API，可以跨多种浏览器工作，也能使HTML文档的遍历和操作、事件处理、动画和Ajax等操作变得更加简单。可以说是，集多功能于一身。

栗1：我们通过ID获取一个HTML元素，如果用JavaScript中以前的方法，var obj = document.getElementById('IdValue');    而jQuery中就可以非常简单的获取到 var obj = $('IdValue');

栗2：如果我们将一个HTML元素隐藏，如果用JavaScript中以前的方法，document.getElementById('IdValue').style.display = 'none';   而jQuery中就可以直接获取到元素进行隐藏 $('IdValue').hide();   

栗3：如果把一个HTML元素的宽度变成200px，如果用原生的JavaScript的方法，通过style来控制css，document.getElementById('IdValue').style.width = '200px';而jQuery中就可以直接控制css，$('IdValue').css('width','200px'); 

总之，jQuery是一个JavaScript函数库，是一个轻量级的JavaScript库。

Ⅱ、jQuery的作用

①HTML元素选取 ② HTML元素操作   ③ CSS操作  ④ HTML事件函数⑤JavaScript特效和动画 ⑥HTML DOM遍历和修改 ⑦AJAX ⑧Utilities

我们前面学的用原生的JavaScript写过AJAX的时候很麻烦，要获取httprequestx对象，还要分兼容性，分了几个步骤，但是在jQuery中给它做了一个封装

Ⅲ、jQuery的目的

简化代码，使程序更高效，主要用来替代原生的JavaScript。

所以在学jQuery之前，要熟练使用JavaScript及其DOM操作，并且掌握HTML和CSS基础知识。

Ⅳ、jQuery的优点

① 轻量级                      ② 强大的选择器   ③ 厉害的DOM操作及其封装

④ 可靠的事件处理机制   ⑤ 完善的Ajax    ⑥ 不污染顶级变量  

⑦ 出色的浏览器兼容性   ⑧ 链式操作方式   ⑨ 隐式迭代

⑩ 行为层和结构层的分离  ⑪ 丰富的插件支持