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 复选框不能为空
Jul 11 Javascript
javascript 日期常用的方法
Nov 11 Javascript
ExtJS TabPanel beforeremove beforeclose使用说明
Mar 31 Javascript
a标签click和href执行顺序探讨
Jun 23 Javascript
在JavaScript中构建ArrayList示例代码
Sep 17 Javascript
基于javascript实现listbox左右移动
Jan 29 Javascript
解析javascript图片懒加载与预加载的分析总结
Oct 27 Javascript
微信小程序-消息提示框实例
Nov 24 Javascript
javascript 跨域问题以及解决办法
Jul 17 Javascript
angular.js4使用 RxJS 处理多个 Http 请求
Sep 23 Javascript
对于input 框限定输入值为浮点型的js代码
Sep 25 Javascript
微信小程序使用swiper组件实现层叠轮播图
Nov 04 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
全国FM电台频率大全 - 21 海南省
2020/03/11 无线电
discuz安全提问算法
2007/06/06 PHP
PHP 与 UTF-8 的最佳实践详细介绍
2017/01/04 PHP
php读取本地json文件的实例
2018/03/07 PHP
Laravel find in set排序实例
2019/10/09 PHP
javascrip关于继承的小例子
2013/05/10 Javascript
javascript cookie的简单应用
2016/02/24 Javascript
深入剖析JavaScript中的函数currying柯里化
2016/04/29 Javascript
JavaScript实现旋转轮播图
2020/08/18 Javascript
seajs实现强制刷新本地缓存的方法分析
2017/10/16 Javascript
mpvue 页面预加载新增preLoad生命周期的两种方式
2019/10/17 Javascript
JS实现网页时钟特效
2020/03/25 Javascript
Vue如何提升首屏加载速度实例解析
2020/06/25 Javascript
JavaScript数组常用的增删改查与其他属性详解
2020/10/13 Javascript
[05:46]2018完美盛典-《同梦共竞》
2018/12/17 DOTA
[04:46]2018年度玩家喜爱的电竞媒体-完美盛典
2018/12/16 DOTA
Python3读取UTF-8文件及统计文件行数的方法
2015/05/22 Python
Python素数检测实例分析
2015/06/15 Python
解决python3爬虫无法显示中文的问题
2018/04/12 Python
Python 将pdf转成图片的方法
2018/04/23 Python
python shutil文件操作工具使用实例分析
2019/12/25 Python
pytorch载入预训练模型后,实现训练指定层
2020/01/06 Python
Python中zipfile压缩文件模块的基本使用教程
2020/06/14 Python
使用Python通过oBIX协议访问Niagara数据的示例
2020/12/04 Python
墨西哥运动服饰和鞋网上商店:Netshoes墨西哥
2016/07/28 全球购物
Marc Jacobs彩妆官网:Marc Jacobs Beauty
2017/07/03 全球购物
波兰家居和花园家具专家:4Home
2019/05/26 全球购物
向全球直邮输送天然健康产品:iHerb.com
2020/05/03 全球购物
电子商务专业实习生自我鉴定
2013/09/24 职场文书
大学生自助营养快餐店创业计划书
2014/01/13 职场文书
七年级数学教学反思
2014/01/22 职场文书
争做文明公民倡议书
2014/08/29 职场文书
勿忘国耻9.18演讲稿(经典篇)
2014/09/14 职场文书
热情服务标语
2014/10/07 职场文书
浅谈Vue的computed计算属性
2022/03/21 Vue.js
Java 超详细讲解ThreadLocal类的使用
2022/04/07 Java/Android