jquery和ajax的关系详细介绍 - Web前端

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

jquery是轻量级的JS库，它兼容css3，还兼容各种浏览器 （ie 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+）。jquery使用户能更方便地处理htmldocuments、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. 无用的网页小部件

标签：详细介绍关系Webajaxjquery