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 相关文章推荐
基于JQuery的抓取博客园首页RSS的代码
Dec 01 Javascript
纯JS实现五子棋游戏兼容各浏览器(附源码)
Apr 24 Javascript
jQuery查询数据返回object和字符串影响原因是什么
Aug 09 Javascript
浅析tr的隐藏和显示问题
Mar 05 Javascript
jQuery实现菜单感应鼠标滑动动画效果的方法
Feb 28 Javascript
javascript十六进制及二进制转化的方法
May 06 Javascript
js传值后台中文出现乱码的解决方法
Jun 30 Javascript
KnockoutJS 3.X API 第四章之数据控制流foreach绑定
Oct 10 Javascript
用JavaScript实现让浏览器停止载入页面的方法
Jan 19 Javascript
详解react使用react-bootstrap当轮子造车
Aug 15 Javascript
探讨Vue.js的组件和模板
Oct 27 Javascript
Vue 实现树形视图数据功能
May 07 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生成静态页
2006/11/25 PHP
PHP中防止直接访问或查看或下载config.php文件的方法
2012/07/07 PHP
PHP调用wsdl文件类型的接口代码分享
2014/11/19 PHP
PHP数组和explode函数示例总结
2015/05/08 PHP
Laravel定时任务的每秒执行代码
2019/10/22 PHP
PHPstorm启用自动换行的方法详解(IDE)
2020/09/17 PHP
Javascript学习笔记5 类和对象
2010/01/11 Javascript
juqery 学习之三 选择器 简单 内容
2010/11/25 Javascript
JavaScript闭包实例讲解
2014/04/22 Javascript
在父页面得到zTree已选中的节点的方法
2015/02/12 Javascript
jQuery添加删除DOM元素方法详解
2016/01/18 Javascript
动态加载js、css的实例代码
2016/05/26 Javascript
解决微信浏览器Javascript无法使用window.location.reload()刷新页面
2016/06/21 Javascript
浅析$(function) ready和onload 的区别
2016/09/03 Javascript
js插件Jcrop自定义截取图片功能
2016/10/14 Javascript
使用BootStrap进行轮播图的制作
2017/01/06 Javascript
BootStrap表单验证 FormValidation 调整反馈图标位置的实例代码
2017/05/17 Javascript
原生js调用json方法总结
2018/02/22 Javascript
vue中v-cloak解决刷新或者加载出现闪烁问题(显示变量)
2018/04/20 Javascript
JavaScript实现的文本框placeholder提示文字功能示例
2018/07/25 Javascript
Vue项目报错:Uncaught SyntaxError: Unexpected token
2018/11/10 Javascript
Node.js 进程平滑离场剖析小结
2019/01/24 Javascript
JS温故而知新之变量提升和时间死区
2019/01/27 Javascript
Python爬虫:通过关键字爬取百度图片
2017/02/17 Python
Python中的取模运算方法
2018/11/10 Python
Pycharm中切换pytorch的环境和配置的教程详解
2020/03/13 Python
python 画图 图例自由定义方式
2020/04/17 Python
中国领先的汽车保养服务平台:途虎养车
2019/10/18 全球购物
先进人物事迹材料
2014/12/29 职场文书
平凡的世界读书笔记
2015/06/25 职场文书
三八节活动主持词
2015/07/04 职场文书
勤俭节约主题班会
2015/08/13 职场文书
使用PDF.js渲染canvas实现预览pdf的效果示例
2021/04/17 Javascript
Python scrapy爬取起点中文网小说榜单
2021/06/13 Python
【D4DJ】美少女DJ企划 动画将于明年冬季开播第2季
2022/04/11 日漫
服务器间如何实现文件共享
2022/05/20 Servers