JavaScript、Ajax与jQuery的关系

先看一张图吧，一图顶千言~

下面简单总结下：

1、JavaScript

·        定义：

      javaScript的简写形式就是JS，是由Netscape公司开发的一种脚本语言，一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能（其编写的程序可以被嵌入到HTML或XML页面中，并直接在浏览器中解释执行）。

·        组成部分：

       核心（ECMAScript）、文档对象模型（DocumentObject Model，简称DOM）、浏览器对象模型（BrowserObject Model，简称BOM）

               

              

2、Ajax

·        定义：

      AJAX即“AsynchronousJavaScript and XML”（异步JavaScript和XML)，AJAX并非缩写词，而是由JesseJames Gaiiett创造的名词，是指一种创建交互式网页应用的网页开发技术。

        AJAX不是一个技术，它实际上是几种技术，每种技术都有其独特之处，合在一起就成了一个功能强大的新技术。

·        组成：

     基于XHTML和CSS标准的表示；

          使用Document Object Model进行动态显示和交互；

          使用XML和XSLT做数据交互和操作；

       使用XML HttpRequest与服务器进行异步通信；

          使用JavaScript绑定一切。

·        描述：

      Ajax是结合了Java技术、XML以及JavaScript等编程技术，可以让开发人员构建基于Java技术的Web应用，并打破了使用页面重载的管理。

         Ajax技术使用非同步的HTTP请求，在Browser和Web Server之间传递数据，使Browser只更新部分网页内容而不重新载入整个网页。

         Ajax是使用客户端脚本与Web服务器交换数据的Web应用开发方法。这样，Web页面不用打断交互流程进行重新加裁，就可以动态地更新。使用Ajax，用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。

3、jQuery

·        定义：

      jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery基于JS语言，集合Ajax技术开发出来的JS库，封装JS和Ajax的功能，提供函数接口，大大简化了Ajax，JS的操作。

·        特点：

     轻量级、链式语法、CSS1-3选择器、跨浏览器、简单、易扩展；

         jQuery是一种独立于服务器端代码的框架，独立于ASP.NET或者JAVA；

         jQuery是当前很流行的一个JavaScript框架，使用类似于CSS的选择器，可以方便的操作HTML元素，拥有很好的可扩展性，拥有不少插件。

·        描述：

     对于程序员来说，简化javascript和ajax编程，能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。

        对于用户来说，改善了页面的视觉效果，增强了与页面的交互性，体验更绚丽的网页物资。

4、应用场景

而JQuery在什么时候使用呢？它主要的用处就是：
1.选择器
   通过$符号可以快速、精确的定位到指定的元素。选择器包括：基本选择器、层次选择器、过滤选择器、表单选择器
2.对DOM操作
   通过$符号找到DOM元素，对属性进行操作；添加删除节点；对样式进行操作；设置获取HTML文本和值；遍历子元素或同辈元素；添加事件
3.表单验证
4.动画效果
5. ajax

那一般什么时候使用AJAX，什么时候使用AJAX比较合适呢？一般都是用在页面局部发生变化的地方。如下：
1.基于表单的交互
2.深层树状导航
3.实时用户对用户通讯
4.投票、是否选择、等级评价
5.过滤和复杂数据操作
6.普通录入时的提示/自动补齐
  不适用使用AJAX的场合：
1.简单的表单
2.搜索
3.基本导航
4.替换大量的信息
5. 显示操作
6. 无用的网页小部件