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 相关文章推荐
文本加密解密
Jun 23 Javascript
javascript html 静态页面传参数
Apr 10 Javascript
js仿苹果iwatch外观的计时器代码分享
Aug 26 Javascript
AngularJs入门教程之环境搭建+创建应用示例
Nov 01 Javascript
如何在Angular2中使用jQuery及其插件的方法
Feb 09 Javascript
Angular2的管道Pipe的使用方法
Nov 07 Javascript
react 创建单例组件的方法
Apr 26 Javascript
angular6.0开发教程之如何安装angular6.0框架
Jun 29 Javascript
Vue配合iView实现省市二级联动的示例代码
Jul 27 Javascript
React组件设计模式之组合组件应用实例分析
Apr 29 Javascript
JQuery事件冒泡和默认行为代码实例
May 13 jQuery
Vue常用API、高级API的相关总结
Feb 02 Vue.js
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/01/08 PHP
ThinkPHP3.1新特性之内容解析输出详解
2014/06/19 PHP
YII路径的用法总结
2014/07/09 PHP
ThinkPHP后台首页index使用frameset时的注意事项分析
2014/08/22 PHP
PHP使用GD库制作验证码的方法(点击验证码或看不清会刷新验证码)
2017/08/15 PHP
ThinkPHP3.2.3框架实现执行原生SQL语句的方法示例
2019/04/03 PHP
TP5框架实现自定义分页样式的方法示例
2020/04/05 PHP
javascript 关于# 和 void的区别分析
2009/10/26 Javascript
JQuery 返回布尔值Is()条件判断方法代码
2012/05/14 Javascript
JS选项卡动态替换banner图片路径的方法
2015/05/11 Javascript
轻松掌握jQuery中wrap()与unwrap()函数的用法
2016/05/24 Javascript
Javascript 获取鼠标当前的位置实现方法
2016/10/27 Javascript
npm国内镜像 安装失败的几种解决方案
2017/06/04 Javascript
实现微信小程序的wxml文件和wxss文件在webstrom的支持
2017/06/12 Javascript
JavaScript生成指定范围的时间列表
2018/03/19 Javascript
Vue使用json-server进行后端数据模拟功能
2018/04/17 Javascript
jQuery-ui插件sortable实现自由拖动排序
2018/12/01 jQuery
javascript对HTML字符转义与反转义
2018/12/13 Javascript
使用vue实现HTML页面生成图片的方法
2020/03/12 Javascript
解决vue请求接口第一次成功,第二次失败问题
2020/09/08 Javascript
[01:01:29]2018DOTA2亚洲邀请赛 4.4 淘汰赛 VP vs Liquid 第一场
2018/04/05 DOTA
Pipenv一键搭建python虚拟环境的方法
2018/05/22 Python
Pytorch基本变量类型FloatTensor与Variable用法
2020/01/08 Python
Python JSON编解码方式原理详解
2020/01/20 Python
FC-Moto丹麦:欧洲最大的摩托车服装和头盔商店之一
2019/08/20 全球购物
jQuery treeview树形结构应用
2021/03/24 jQuery
优秀大学生的自我评价
2014/01/16 职场文书
职工运动会邀请函
2014/02/02 职场文书
初中家长寄语
2014/04/02 职场文书
群众路线领导班子四风对照检查材料
2014/09/27 职场文书
复兴之路观后感
2015/06/02 职场文书
普希金的诗歌赏析(3首)
2019/08/20 职场文书
八年级作文之感恩
2019/11/22 职场文书
PyQt5 QThread倒计时功能的实现代码
2021/04/02 Python
Win11查看设备管理器
2022/04/19 数码科技
面试官问我Mysql的存储引擎了解多少
2022/08/05 MySQL