jQuery、Ajax与JavaScript之间的父子关系

jQuery、Ajax与JavaScript之间的父子关系

jQuery、Ajax都是JavaScript的一个框架，各有各自不同的功能，如果把JavaScript比作父亲的话，jQuery和Ajax就是JavaScript的亲生儿子。在JavaScript中非常复杂的功能，让他们实现起来是极其的方便快捷。下面来总结一下他们各自的功能及特点和应用的场合。

jQuery是轻量级的js库，它兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+）。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供Ajax交互。jQuery同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。

jQuery的宗旨是——WRITE LESS,DO MORE，也就是“吃得少，干的多”。让我们广大的程序员能够写更少的代码，做更多的事情。

而jQuery在什么时候使用呢？和上边说的类似，它主要的用处就是：

1.     选择器

通过$符号可以快速、精确的定位到指定的元素。选择器包括：基本选择器、层次选择器、过滤选择器、表单选择器

2.     对DOM操作

通过$符号找到DOM元素，对属性进行操作；添加删除节点；对样式进行操作；设置获取HTML文本和值；遍历子元素或同辈元素；添加事件

3.     表单验证

4.     动画效果

5.     Ajax

 

上边总结的是jQuery，下面再继续总结Ajax。

Ajax即“AsynchronousJavaScript and XML”（异步JavaScript和XML)。所谓的异步就是在事件触发之后浏览器任然可以做其他的事情，与发生事件的控件无关的控件不受影响。Ajax是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。

如果仅仅学会使用.net中的Ajax的几个控件，也许你根本就理解不了Ajax中的JavaScript和XML到底是怎么回事，这些控件是对他们的封装，微软让我们方便了很多，但是这是一种“傻瓜式”的使用方法。要想深刻的理解其中的JavaScript和XML的使用，还需要掌握客户端是怎么接受Webservice（.asmx）和WCF（.svc）和一般处理程序（.ashx）文件的使用方法

那一般什么时候使用Ajax，什么时候使用Ajax比较合适呢？一般都是用在页面局部发生变化的地方。如下：

1.    基于表单的交互 

2.    深层树状导航 

3.    实时用户对用户通讯 

4.    投票、是否选择、等级评价 

5.    过滤和复杂数据操作 

6.    普通录入时的提示/自动补齐 

 

不适用使用Ajax的场合：

1.    简单的表单 

2.    搜索 

3.     基本导航

4.    替换大量的信息 

5.    显示操作 

6.     无用的网页小部件 

关于jQuery和Ajax的代码参考《DOM与JavaScript、jQuery之间千丝万缕的关系》有一点涉及，见这里的DEMO来解释。