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 相关文章推荐
ExtJS GTGrid 简单用户管理
Jul 01 Javascript
深入理解JavaScript系列(4) 立即调用的函数表达式
Jan 15 Javascript
jquery $.ajax相关用法分享
Mar 16 Javascript
高效率JavaScript编写技巧整理
Aug 23 Javascript
javascript通过navigator.userAgent识别各种浏览器
Oct 25 Javascript
使用jquery插件qrcode生成二维码
Oct 22 Javascript
json的使用小结
Jun 08 Javascript
JS实现iframe自适应高度的方法(兼容IE与FireFox)
Jun 24 Javascript
Angular实现下拉框模糊查询功能示例
Jan 03 Javascript
JavaScript基于对象方法实现数组去重及排序操作示例
Jul 10 Javascript
Vue Element 分组+多选+可搜索Select选择器实现示例
Jul 23 Javascript
Angular resolve基础用法详解
Oct 03 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静态调用非静态方法的应用分析
2013/05/02 PHP
ThinkPHP调用common/common.php函数提示错误function undefined的解决方法
2014/08/25 PHP
php批量删除cookie的简单实现方法
2015/01/26 PHP
php实现的微信红包算法分析(非官方)
2015/09/25 PHP
php微信高级接口调用方法(自定义菜单接口、客服接口、二维码)
2016/11/28 PHP
PHP-FPM 的管理和配置详解
2019/02/17 PHP
Mac下快速搭建PHP开发环境步骤详解
2019/05/05 PHP
jQuery Selector选择器小结
2010/05/06 Javascript
JQuery入门—编写一个简单的JQuery应用案例
2013/01/03 Javascript
javascript判断数组内是否重复的方法
2015/04/21 Javascript
js解决movebox移动问题
2016/03/29 Javascript
微信小程序 简单DEMO布局,逻辑,样式的练习
2016/11/30 Javascript
详解angularjs popup-table 弹出框表格指令
2017/09/20 Javascript
JS实现的邮箱提示补全效果示例
2018/01/30 Javascript
Vue 中mixin 的用法详解
2018/04/23 Javascript
一个Vue视频媒体多段裁剪组件的实现示例
2018/08/09 Javascript
小程序点击图片实现png转jpg
2019/10/22 Javascript
JavaScript中作用域链的概念及用途讲解
2020/08/06 Javascript
python sys模块sys.path使用方法示例
2013/12/04 Python
Python生成8位随机字符串的方法分析
2017/12/05 Python
基于python3实现socket文件传输和校验
2018/07/28 Python
python把1变成01的步骤总结
2019/02/27 Python
python爬虫使用scrapy注意事项
2020/11/23 Python
BONIA波尼亚新加坡官网:皮革手袋,鞋类和配件
2016/08/25 全球购物
美国创意之家:BulbHead
2017/07/12 全球购物
银河香水:Galaxy Perfume
2019/03/25 全球购物
英语硕士生求职简历的自我评价
2013/10/15 职场文书
党员的自我评价范文
2014/01/02 职场文书
高中美术教学反思
2014/01/19 职场文书
揠苗助长教学反思
2014/02/04 职场文书
财务担保书范文
2014/04/02 职场文书
充分就业社区汇报材料
2014/05/07 职场文书
个人作风纪律整顿整改措施
2014/10/25 职场文书
2015应届毕业生自荐信范文
2015/03/05 职场文书
教师求职自荐信
2015/03/26 职场文书
德生BCL3000抢先使用感受和评价
2022/04/07 无线电