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 相关文章推荐
一个收集图片的bookmarlet(js 刷新页面中的图片)
May 27 Javascript
js中将HTMLCollection/NodeList/伪数组转换成数组的代码
Jul 31 Javascript
50款非常棒的 jQuery 插件分享
Mar 29 Javascript
JS方法调用括号的问题探讨
Jan 24 Javascript
Javascript 绘制 sin 曲线过程附图
Aug 21 Javascript
基于HTML5上使用iScroll实现下拉刷新,上拉加载更多
May 21 Javascript
在Docker快速部署Node.js应用的详细步骤
Sep 02 Javascript
js中小数向上取整数,向下取整数,四舍五入取整数的实现(必看篇)
Feb 13 Javascript
强大的 Angular 表单验证功能详细介绍
May 23 Javascript
详解jQuery如何实现模糊搜索
May 10 jQuery
js/jQuery实现全选效果
Jun 17 jQuery
JS实现手风琴特效
Nov 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
PHP实现设计模式中的抽象工厂模式详解
2014/10/11 PHP
十幅图告诉你什么是PHP引用
2015/02/22 PHP
javascript读取RSS数据
2007/01/20 Javascript
JQUERY 对象与DOM对象之两者相互间的转换
2009/04/27 Javascript
firefox下对ajax的onreadystatechange的支持情况分析
2009/12/14 Javascript
EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
2010/10/26 Javascript
jquery中ajax调用json数据的使用说明
2011/03/17 Javascript
基于jquery的鼠标拖动效果代码
2012/05/30 Javascript
js不完美解决click和dblclick事件冲突问题
2012/07/16 Javascript
jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
2013/01/16 Javascript
仿新浪微博登陆邮箱提示效果的js代码
2013/08/02 Javascript
禁止拷贝网页内容的js代码
2014/01/22 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)
2014/11/16 Javascript
深入学习jQuery Validate表单验证
2016/01/18 Javascript
Bootstrap幻灯片轮播图支持触屏左右手势滑动的实现方法
2016/10/13 Javascript
记录一篇关于redux-saga的基本使用过程
2018/08/18 Javascript
解决layui中table异步数据请求不支持自定义返回数据格式的问题
2018/08/19 Javascript
element-ui 设置菜单栏展开的方法
2018/08/22 Javascript
echarts 使用formatter 修改鼠标悬浮事件信息操作
2020/07/20 Javascript
[02:36]DOTA2亚洲邀请赛小组赛精彩集锦:EE凭借法力虚空拿下4杀
2017/03/30 DOTA
Python的爬虫程序编写框架Scrapy入门学习教程
2016/07/02 Python
python实现淘宝秒杀脚本
2020/06/23 Python
Python分支语句与循环语句应用实例分析
2019/05/07 Python
python代码如何实现余弦相似性计算
2020/02/09 Python
python内打印变量之%和f的实例
2020/02/19 Python
python GUI库图形界面开发之PyQt5动态(可拖动控件大小)布局控件QSplitter详细使用方法与实例
2020/03/06 Python
Python 将代码转换为可执行文件脱离python环境运行(步骤详解)
2021/01/25 Python
微信浏览器取消缓存的方法
2015/03/28 HTML / CSS
利用canvas实现图片压缩的示例代码
2018/07/17 HTML / CSS
西班牙网上书店:Casa del Libro
2016/11/01 全球购物
软件测试笔试题
2012/10/25 面试题
学术会议邀请函范文
2014/01/22 职场文书
乡镇食品安全责任书
2014/07/28 职场文书
小学校园文化建设汇报材料
2014/08/19 职场文书
大学生就业协议书范本(适用于公司企业)
2014/10/07 职场文书
军事博物馆观后感
2015/06/05 职场文书