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 相关文章推荐
尽可能写"友好"的"Javascript"代码
Jan 09 Javascript
IE bug table元素的innerHTML
Jan 11 Javascript
js中的replace方法使用介绍
Oct 28 Javascript
escape编码与unescape解码汉字出现乱码的解决方法
Jul 02 Javascript
javascript结合ajax读取txt文件内容
Dec 05 Javascript
jQuery中attr()方法用法实例
Jan 05 Javascript
可以浮动某个物体的jquery控件用法实例
Jul 24 Javascript
深入浅析JS是按值传递还是按引用传递(推荐)
Sep 18 Javascript
Angular.js中处理页面闪烁的方法详解
Mar 09 Javascript
swiper移动端轮播插件(触碰图片之后停止轮播)
Dec 28 Javascript
基于Vue的延迟加载插件vue-view-lazy
May 21 Javascript
实现elementUI表单的全局验证的方法步骤
Apr 29 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
十大感人催泪爱情动漫 第一名至今不忍在看第二遍
2020/03/04 日漫
PDO版本问题 Invalid parameter number: no parameters were bound
2013/01/06 PHP
zf框架db类的分页示例分享
2014/03/14 PHP
PHP IDE PHPStorm配置支持友好Laravel代码提示方法
2015/05/12 PHP
javascript网页关键字高亮代码
2008/07/30 Javascript
JavaScript中的类继承
2010/11/25 Javascript
新发现一个骗链接的方法(js读取cookies)
2012/01/11 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(上)
2015/10/28 Javascript
超漂亮的jQuery图片轮播特效
2015/11/24 Javascript
Javascript页面跳转常见实现方式汇总
2015/11/28 Javascript
js事件处理程序跨浏览器解决方案
2016/03/27 Javascript
浅谈jQuery为哪般去掉了浏览器检测
2016/08/29 Javascript
div中文字内容溢出常见的解决方法
2017/03/16 Javascript
node将geojson转shp返回给前端的实现方法
2019/05/29 Javascript
基于canvasJS在PHP中制作动态图表
2020/05/30 Javascript
vue实现整屏滚动切换
2020/06/29 Javascript
[01:01:18]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#2COL VS LGD
2016/03/03 DOTA
400多行Python代码实现了一个FTP服务器
2012/05/10 Python
python中import学习备忘笔记
2017/01/24 Python
Python3实现的简单验证码识别功能示例
2018/05/02 Python
基于Django与ajax之间的json传输方法
2018/05/29 Python
浅谈pycharm出现卡顿的解决方法
2018/12/03 Python
python 定时器,轮询定时器的实例
2019/02/20 Python
python实现共轭梯度法
2019/07/03 Python
Django 用户认证组件使用详解
2019/07/23 Python
Python logging设置和logger解析
2019/08/28 Python
Python协程操作之gevent(yield阻塞,greenlet),协程实现多任务(有规律的交替协作执行)用法详解
2019/10/14 Python
土地转让协议书
2014/04/15 职场文书
写求职信有哪些注意事项
2014/05/08 职场文书
云南省召开党的群众路线教育实践活动总结会议新闻稿
2014/10/21 职场文书
幼儿园小班家长评语
2014/12/30 职场文书
幼师求职自荐信
2015/03/26 职场文书
导游词之京东大峡谷旅游区
2019/10/29 职场文书
详解Django中 render() 函数的使用方法
2021/04/22 Python
springboot项目以jar包运行的操作方法
2021/06/30 Java/Android
Java中CyclicBarrier和CountDownLatch的用法与区别
2021/08/23 Java/Android