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 相关文章推荐
JS 参数传递的实际应用代码分析
Sep 13 Javascript
javascript 构建一个xmlhttp对象池合理创建和使用xmlhttp对象
Jan 15 Javascript
Bootstrap被封装的弹层
Jul 20 Javascript
jQuery grep()方法详解及实例代码
Oct 30 Javascript
jQuery向webApi提交post json数据
Jan 16 Javascript
vue v-model实现自定义样式多选与单选功能
Jul 05 Javascript
Angularjs之ngModel中的值验证绑定方法
Sep 13 Javascript
使用Angular Cli如何创建Angular私有库详解
Jan 30 Javascript
jQuery选择器之基本选择器用法实例分析
Feb 19 jQuery
jquery实现图片无缝滚动 蒙版遮蔽效果
Jan 11 jQuery
原生javascript如何实现共享onload事件
Jul 03 Javascript
vue实现登陆页面开发实践
May 30 Vue.js
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 mb_convert_encoding文字编码的转换函数介绍
2011/11/10 PHP
PHP容易忘记的知识点分享
2013/04/30 PHP
PHP实现函数内修改外部变量值的方法示例
2018/12/28 PHP
使用Git实现Laravel项目的自动化部署
2019/11/24 PHP
JavaScript对内存分配及管理机制详细解析
2013/11/11 Javascript
按下回车键指向下一个位置的一个函数代码
2014/03/10 Javascript
JS实现的生成随机数的4个函数分享
2015/02/11 Javascript
JavaScript实现计算字符串中出现次数最多的字符和出现的次数
2015/03/12 Javascript
浅析javascript中的事件代理
2015/11/06 Javascript
详解Bootstrap的aria-label和aria-labelledby应用
2016/01/04 Javascript
jQuery EasyUI提交表单验证
2016/07/19 Javascript
Bootstrap3 Grid system原理及应用详解
2016/09/30 Javascript
微信小程序 UI与容器组件总结
2017/02/21 Javascript
JS按钮闪烁功能的实现代码
2017/07/21 Javascript
微信小程序实战篇之购物车的实现代码示例
2017/11/30 Javascript
node.js调用C++函数的方法示例
2018/09/21 Javascript
微信小程序实现类似微信点击语音播放效果
2020/03/30 Javascript
Vue中对iframe实现keep alive无刷新的方法
2019/07/23 Javascript
BootstrapValidator实现表单验证功能
2019/11/08 Javascript
python读取浮点数和读取文本文件示例
2014/05/06 Python
Python爬取读者并制作成PDF
2015/03/10 Python
Python的__builtin__模块中的一些要点知识
2015/05/02 Python
Python列表删除的三种方法代码分享
2017/10/31 Python
python3+PyQt5 数据库编程--增删改实例
2019/06/17 Python
pytorch-RNN进行回归曲线预测方式
2020/01/14 Python
Python异步编程之协程任务的调度操作实例分析
2020/02/01 Python
Python逐行读取文件内容的方法总结
2020/02/14 Python
Pycharm插件(Grep Console)自定义规则输出颜色日志的方法
2020/05/27 Python
Selenium 配置启动项参数的方法
2020/12/04 Python
英国皇家邮政海外旗舰店:Royal Mail
2018/02/21 全球购物
Bravofly德国:预订廉价航班和酒店
2019/09/22 全球购物
中式面点餐厅创业计划书
2014/01/29 职场文书
《颐和园》教学反思
2014/02/26 职场文书
小学优秀班主任事迹材料
2014/05/17 职场文书
解决Nginx 配置 proxy_pass 后 返回404问题
2021/03/31 Servers
MySQL中in和exists区别详解
2021/06/03 MySQL