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 相关文章推荐
CheckBox 如何实现全选?
Jun 23 Javascript
Javascript string 扩展库代码
Apr 09 Javascript
javascript获取select值的方法分析
Jul 02 Javascript
JavaScript类型系统之正则表达式
Jan 05 Javascript
基于JavaScript实现购物网站商品放大镜效果
Sep 06 Javascript
AngularJS 中的Promise --- $q服务详解
Sep 14 Javascript
ajax与json 获取数据并在前台使用简单实例
Jan 19 Javascript
几个你不知道的技巧助你写出更优雅的vue.js代码
Jun 11 Javascript
微信小程序内拖动图片实现移动、放大、旋转的方法
Sep 04 Javascript
详解html-webpack-plugin插件(用法总结)
Sep 12 Javascript
vue解决一个方法同时发送多个请求的问题
Sep 25 Javascript
VSCode Vue开发推荐插件和VSCode快捷键(小结)
Aug 08 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
CodeIgniter配置之autoload.php自动加载用法分析
2016/01/20 PHP
jquery中获取select选中值的代码
2011/06/27 Javascript
一个页面放2段图片滚动代码出现冲突的问题如何解决
2012/12/21 Javascript
JQuery中Bind()事件用法分析
2015/05/05 Javascript
javascript用函数实现对象的方法
2015/05/14 Javascript
jquery解析json格式数据的方法(对象、字符串)
2015/11/24 Javascript
深入浅析JavaScript的API设计原则
2016/06/14 Javascript
JavaScript函数中关于valueOf和toString的理解
2016/06/14 Javascript
jQuery插件学习教程之SlidesJs轮播+Validation验证
2016/07/12 Javascript
js浏览器html5表单验证
2016/10/17 Javascript
javascript实现鼠标点击页面 移动DIV
2016/12/02 Javascript
激动人心的 Angular HttpClient的源码解析
2017/07/10 Javascript
JavaScript简单实现合并两个Json对象的方法示例
2017/10/16 Javascript
vue vuex vue-rouert后台项目——权限路由(适合初学)
2017/12/29 Javascript
JavaScript分步实现一个出生日期的正则表达式
2018/03/22 Javascript
vue 使用自定义指令实现表单校验的方法
2018/08/28 Javascript
js使用swiper实现层叠轮播效果实例代码
2018/12/12 Javascript
从0到1构建vueSSR项目之node以及vue-cli3的配置
2019/03/07 Javascript
浅谈Node 异步IO和事件循环
2019/05/05 Javascript
Vue学习笔记之计算属性与侦听器用法
2019/12/07 Javascript
Handtrack.js库实现实时监测手部运动(推荐)
2021/02/08 Javascript
Python使用Supervisor来管理进程的方法
2015/05/28 Python
Python将图片转换为字符画的方法
2020/06/16 Python
python读取word文档,插入mysql数据库的示例代码
2018/11/07 Python
python 求一个列表中所有元素的乘积实例
2019/06/11 Python
Html5画布_动力节点Java学院整理
2017/07/13 HTML / CSS
金融专业大学生职业生涯规划范文
2014/01/16 职场文书
元旦晚会主持词
2014/03/24 职场文书
婚假请假条格式及范文
2014/04/10 职场文书
新闻专业毕业生求职信
2014/08/08 职场文书
招标授权委托书样本
2014/09/23 职场文书
2015年元旦晚会活动总结(学生会)
2014/11/28 职场文书
2014年房产经纪人工作总结
2014/12/08 职场文书
教师工作能力自我评价
2015/03/04 职场文书
焦点访谈观后感
2015/06/11 职场文书
节水宣传标语口号
2015/12/26 职场文书