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 相关文章推荐
基于jQuery的弹出警告对话框美化插件(警告,确认和提示)
Jun 10 Javascript
javascript将浮点数转换成整数的三个方法
Jun 23 Javascript
js树插件zTree获取所有选中节点数据的方法
Jan 28 Javascript
浅谈JavaScript中小数和大整数的精度丢失
May 31 Javascript
利用Plupload.js解决大文件上传问题, 带进度条和背景遮罩层
Mar 15 Javascript
详解angular中通过$location获取路径(参数)的写法
Mar 21 Javascript
vue router使用query和params传参的使用和区别
Nov 13 Javascript
详解Vue-cli中的静态资源管理(src/assets和static/的区别)
Jun 19 Javascript
Vue自定义属性实例分析
Feb 23 Javascript
详解小程序毫秒级倒计时(适用于拼团秒杀功能)
May 05 Javascript
js console.log打印对象时属性缺失的解决方法
May 23 Javascript
JS实现音乐钢琴特效
Jan 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语句的解决方法
2013/05/02 PHP
PHP中执行MYSQL事务解决数据写入不完整等情况
2014/01/07 PHP
PHP CURL获取返回值的方法
2014/05/04 PHP
浅谈PHP调用Webservice思路及源码分享
2014/06/04 PHP
Linux平台php命令行程序处理管道数据的方法
2016/11/10 PHP
PHP实现基于图的深度优先遍历输出1,2,3...n的全排列功能
2017/11/10 PHP
thinkPHP框架通过Redis实现增删改查操作的方法详解
2019/05/13 PHP
PHP基于swoole多进程操作示例
2019/08/12 PHP
悄悄用脚本检查你访问过哪些网站的代码
2010/12/04 Javascript
Jquery.addClass始终无效原因分析
2013/09/08 Javascript
javascript获取选中的文本的方法代码
2013/10/30 Javascript
Javascript设计模式理论与编程实战之简单工厂模式
2015/11/03 Javascript
node.js连接mongoDB数据库 快速搭建自己的web服务
2016/04/17 Javascript
浅析Javascript ES6中的原生Promise
2016/08/25 Javascript
微信小程序 Tab页切换更新数据
2017/01/05 Javascript
js中小数向上取整数,向下取整数,四舍五入取整数的实现(必看篇)
2017/02/13 Javascript
javascript中this用法实例详解
2017/04/06 Javascript
vue之nextTick全面解析
2017/05/17 Javascript
Ionic + Angular.js实现验证码倒计时功能的方法
2017/06/12 Javascript
jQuery Autocomplete简介_动力节点Java学院整理
2017/07/17 jQuery
Vue-router 中hash模式和history模式的区别
2018/07/24 Javascript
apicloud拉起小程序并传递参数的方法示例
2018/11/21 Javascript
jQuery无冲突模式详解
2019/01/17 jQuery
微信小程序map组件结合高德地图API实现wx.chooseLocation功能示例
2019/01/23 Javascript
[01:39](回顾)各路豪强针锋相对,几经鏖战四强产生
2014/07/01 DOTA
[02:41]辉夜杯现场一家三口 “我爸玩风行 我玩血魔”
2015/12/27 DOTA
Keras实现支持masking的Flatten层代码
2020/06/16 Python
python excel多行合并的方法
2020/12/09 Python
pip/anaconda修改镜像源,加快python模块安装速度的操作
2021/03/04 Python
Guess欧洲官网:美国服饰品牌
2019/08/06 全球购物
函授本科自我鉴定
2013/11/03 职场文书
毕业证丢失证明
2014/01/15 职场文书
业务内勤岗位职责
2014/04/30 职场文书
大学新闻系自荐书
2014/05/31 职场文书
交通运输局四风问题对照检查材料思想汇报
2014/10/09 职场文书
打架赔偿协议书范本
2014/10/26 职场文书