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 获取HTML DOM父、子、临近节点
Jun 16 Javascript
JS实现滑动门效果的方法详解
Dec 19 Javascript
bootstrap table服务端实现分页效果
Aug 10 Javascript
JavaScript插件Tab选项卡效果
Nov 14 Javascript
webpack之devtool详解
Feb 10 Javascript
JS使用Date对象实时显示当前系统时间简单示例
Aug 23 Javascript
js实现固定区域内的不重叠随机圆
Oct 24 Javascript
javascript实现鼠标点击生成文字特效
Dec 24 Javascript
JavaScript canvas动画实现时钟效果
Feb 10 Javascript
Vant 中的Toast设置全局的延迟时间操作
Nov 04 Javascript
微信小程序之高德地图多点路线规划过程示例详解
Jan 18 Javascript
详解JS数组方法
Nov 20 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面向对象全攻略 (八)重载新的方法
2009/09/30 PHP
一个简洁的PHP可逆加密函数(分享)
2013/06/06 PHP
浅析PHP绘图技术
2013/07/03 PHP
PHP获取远程图片并保存到本地的方法
2015/05/12 PHP
php生成图片验证码
2015/06/09 PHP
总结的一些PHP开发中的tips(必看篇)
2017/03/24 PHP
JQuery 常用方法基础教程
2009/02/06 Javascript
js 判断checkbox是否选中的操作方法
2012/11/09 Javascript
当某个文本框成为焦点时即清除文本框内容
2014/04/28 Javascript
jquery获取一个元素下面相同子元素的个数代码
2014/07/31 Javascript
原生Ajax 和jQuery Ajax的区别示例分析
2014/12/17 Javascript
基于JavaScript实现Json数据根据某个字段进行排序
2015/11/24 Javascript
基于javascript实现右下角浮动广告效果
2016/01/08 Javascript
bootstrap 模态框(modal)实现水平垂直居中显示
2017/01/23 Javascript
从零学习node.js之利用express搭建简易论坛(七)
2017/02/25 Javascript
bootstrap日期插件daterangepicker使用详解
2017/10/19 Javascript
浅析Angular19 自定义表单控件
2018/01/31 Javascript
Vue中用props给data赋初始值遇到的问题解决
2018/11/27 Javascript
详解vue-cli@2.x项目迁移日志
2019/06/06 Javascript
Vue ​v-model相关知识总结
2021/01/28 Vue.js
[01:05:56]2018DOTA2亚洲邀请赛3月29日 小组赛A组 Newbee VS VG
2018/03/30 DOTA
通过python爬虫赚钱的方法
2019/01/29 Python
Python+opencv 实现图片文字的分割的方法示例
2019/07/04 Python
python 一个figure上显示多个图像的实例
2019/07/08 Python
pycharm 批量修改变量名称的方法
2019/08/01 Python
python实现知乎高颜值图片爬取
2019/08/12 Python
python isinstance函数用法详解
2020/02/13 Python
python的setattr函数实例用法
2020/12/16 Python
css3 column实现卡片瀑布流布局的示例代码
2018/06/22 HTML / CSS
html5 postMessage前端跨域并前端监听的方法示例
2018/11/01 HTML / CSS
高三英语教学反思
2014/01/13 职场文书
安全教育的主题班会
2015/08/13 职场文书
golang 实现时间戳和时间的转化
2021/05/07 Golang
Redis分布式锁Redlock的实现
2021/08/07 Redis
mysql查询结果实现多列拼接查询
2022/04/03 MySQL
《LOL》“克隆大作战”久违归来 幻灵战队皮肤上线
2022/04/03 其他游戏