jquery和ajax的关系详细介绍


Posted in Javascript onNovember 29, 2013

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. 无用的网页小部件

Javascript 相关文章推荐
经典的带阴影的可拖动的浮动层
Jun 26 Javascript
使用JS实现jQuery的addClass, removeClass, hasClass函数功能
Oct 31 Javascript
浅析javascript函数表达式
Feb 10 Javascript
利用jsonp跨域调用百度js实现搜索框智能提示
Aug 24 Javascript
angular双向绑定模拟探索
Dec 26 Javascript
详解javascript中对数据格式化的思考
Jan 23 Javascript
js实现网页定位导航功能
Mar 07 Javascript
Jquery EasyUI $.Parser
Jun 02 jQuery
AngularJS ionic手势事件的使用总结
Aug 09 Javascript
Node.js利用断言模块assert进行单元测试的方法
Sep 28 Javascript
angular.js和vue.js中实现函数去抖示例(debounce)
Jan 18 Javascript
6种JavaScript继承方式及优缺点(小结)
Feb 06 Javascript
js操作table示例(个人心得)
Nov 29 #Javascript
css配合jquery美化 select
Nov 29 #Javascript
Jjcarousellite 实现图片列表滚动的简单实例
Nov 29 #Javascript
JS实现多物体缓冲运动实例代码
Nov 29 #Javascript
JS实现匀速运动的代码实例
Nov 29 #Javascript
JS实现侧悬浮浮动实例代码
Nov 29 #Javascript
js模拟点击以提交表单为例兼容主流浏览器
Nov 29 #Javascript
You might like
php+mysql实现无限级分类 | 树型显示分类关系
2006/11/19 PHP
php学习之数据类型之间的转换代码
2011/05/29 PHP
php将HTML表格每行每列转为数组实现采集表格数据的方法
2015/04/03 PHP
PHP中addslashes与mysql_escape_string的区别分析
2016/04/25 PHP
PHP 传输会话curl函数的实例详解
2017/09/12 PHP
获取HTML DOM节点元素的方法的总结
2009/08/21 Javascript
Javascript 定时器调用传递参数的方法
2009/11/12 Javascript
javascript 静态对象和构造函数的使用和公私问题
2010/03/02 Javascript
关于IE浏览器以及Firefox下的javascript冒泡事件的响应层级
2010/10/14 Javascript
jquery 操作DOM的基本用法分享
2012/04/05 Javascript
用js实现小球的自由移动代码
2013/04/22 Javascript
基于javascript的JSON格式页面展示美化方法
2014/07/02 Javascript
jQuery插件form-validation-engine正则表达式操作示例
2017/02/09 Javascript
jQuery Pagination分页插件_动力节点Java学院整理
2017/07/17 jQuery
浅谈MUI框架中加载外部网页或服务器数据的方法
2018/01/31 Javascript
vue 页面加载进度条组件实例
2018/02/05 Javascript
JS中利用FileReader实现上传图片前本地预览功能
2018/03/02 Javascript
Python实现的一个找零钱的小程序代码分享
2014/08/25 Python
Python入门篇之正则表达式
2014/10/20 Python
python 接口测试response返回数据对比的方法
2018/02/11 Python
Tensorflow实现卷积神经网络的详细代码
2018/05/24 Python
PyQt5组件读取参数的实例
2019/06/25 Python
Python 共享变量加锁、释放详解
2019/08/28 Python
Python 读取用户指令和格式化打印实现解析
2019/09/02 Python
使用wxpy实现自动发送微信消息功能
2020/02/28 Python
Selenium alert 弹窗处理的示例代码
2020/08/06 Python
CSS3实现各种图形的示例代码
2016/10/19 HTML / CSS
HTML5中的拖放实现详解
2017/08/23 HTML / CSS
英国助听器购物网站:Hearing Direct
2018/08/21 全球购物
外语学院毕业生的自我鉴定
2013/11/28 职场文书
咖啡厅创业计划书范本
2014/01/22 职场文书
哈弗商学院毕业生求职信
2014/02/26 职场文书
副总经理党的群众路线教育实践活动个人对照检查材料思想汇报
2014/10/06 职场文书
大学教师个人总结
2015/02/10 职场文书
丧事酒宴答谢词
2015/09/30 职场文书
python利用while求100内的整数和方式
2021/11/07 Python