jquery
订阅
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
[1]
展开全文

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
[1]
信息
- 发布时间
- 2006年1月
- 最新版本
- jQuery 3.4.1
- 发布人
- John Resig
- 发布地点
- 美国纽约
- 核心理念
- write less,do more
- 内部引入库
- Sizzle.js
- 中文名
- 极快瑞
- 第一个版本
- jQuery 1.0(2006年1月)
- 外文名
- jQuery
jQuery发展历程
2005年8月,John Resig提议改进Prototype的“Behaviour”库,于是他在blog上发表了自己的想法,并用了3个例子做简单的流程说明。第一个例子是为元素注册一个事件:他认为应该改写为:他认为应该改写为:第三个例子是为不断变化的元素注册不同的事件:他认为应该改写为:这些代码也是jQuery语法的最初雏形。当时John的想法很简单:他发现这种语法相对现有的JavaScript库更为简洁。但他没想到的是,这篇文章一经发布就引起了业界的关注。于是John开始认真思考着这件事情(编写语法更为简洁的JavaScript程序库),直到2006年1月14日,John正式宣布以jQuery的名称发布自己的程序库。随之而来的是jQuery的快速发展。2006年1月John Resig等人创建了jQuery;8月,jQuery的第一个稳定版本,并且已经支持CSS选择符、事件处理和AJAX交互。2007年7月,jQuery 1.1.3版发布,这次小版本的变化包含了对jQuery选择符引擎执行速度的显著提升。从这个版本开始,jQuery的性能达到了Prototype、Mootools以及Dojo等同类JavaScript库的水平。同年9月,jQuery 1.2版发布,它去掉了对XPath选择符的支持,原因是相对于CSS语法它已经变得多余了。这一版能够对效果进行更为灵活的定制,而且借助新增的命名空间事件,也使插件开发变得更容易。同时,jQuery UI项目也开始启动,这个新的套件是作为曾经流行但已过时的Interface插件的替代项目而发布的。jQuery UI中包含大量预定义好的部件(widget),以及一组用于构建高级元素(例如可拖放、拖拽、排序)的工具。2008年5月,jQuery 1.2.6版发布,这版主要是将Brandon Aaron开发的流行的Dimensions插件的功能移植到了核心库中,同时也修改了许多BUG,而且有不少的性能得到提高。因此,如果以前的jQuery版本升级到1.2.6,那么完全可以从代码中排除Dimensions插件(一个获得元素尺寸、定位的插件)。在jQuery迅速发展的同时,一些大的厂商也看中了商机。2009年9月,微软和诺基亚公司正式宣布支持开源的jQuery库,另外,微软公司还宣称他们将把jQuery作为Visual Studio工具集的一部分。他将提供包括jQuery的智能提示、代码片段、示例文档编制等内容在内的功能。微软和诺基亚公司将长期成为jQuery的用户成员,其他成员还有Google,Intel,IBM,Intuit等公司。2009年1月,jQuery 1.3版发布,它使用了全新的选择符引擎Sizzle,在各个浏览器下全面超越其他同类型JavaScript框架的查询速度,程序库的性能也因此有了极大提升。这一版本的第2个变化就是提供live()方法,使用live()方法可以为当前及将来增加的元素绑定事件,在1.3版之前,如果要为将来增加的元素绑定事件,需要使用livequery插件,而在1.3版中,可以直接用live()方法。2010年1月,也是jQuery的四周年生日,jQuery 1.4版发布,为了庆祝jQuery四周岁生日,jQuery团队特别创建了jquery14.com站点,带来了连续14天的新版本专题介绍。在1.3及更早版本中,jQuery通过JavaScript的eval方法来解析json对象。在1.4中,如果你用的浏览器支持,则会使用原生的JSON.parse解析json对象,这样对json对象的书写验证则更为严格。比如:{foo: "bar"}的写法将不会被验证为合法的json对象,必须写成{"foo":"bar"}。如果你的程序打算升级到1.4版本,那么这一点要尤其注意。2010年2月,jQuery 1.4.2版发布,它新增了有关事件委托的两个方法:delegate()和undelegate()。delegate()用于替代1.3.2中的live()方法。这个方法比live()来的方便,而且也可以达到动态添加事件的作用。比如给表格的每个td绑定hover事件,代码如下:2011年1月,jQuery 1.5版发布。2011年11月,jQuery 1.7版发布。
[2-3]
-
jQuery 完整 ajax示例
2019-06-17 18:20:50$(function(){ //请求参数 var list = {}; // $.ajax({ //请求方式 type : "POST", //请求的媒体类型 contentType: "application/json;chars...$(function(){ //请求参数 var list = {}; // $.ajax({ //请求方式 type : "POST", //请求的媒体类型 contentType: "application/json;charset=UTF-8", //请求地址 url : "http://127.0.0.1/admin/list/", //数据,json字符串 data : JSON.stringify(list), //请求成功 success : function(result) { console.log(result); }, //请求失败,包含具体的错误信息 error : function(e){ console.log(e.status); console.log(e.responseText); } }); });
-
jquery-form.js 源码
2014-04-16 17:37:50异步提交表单和上传文件jquery-form.js -
jQuery入门
2016-09-26 23:47:59本套jQuery从初级完全讲解,主要包括以下内容: 1,jQuery选择器 2,jQuery事件 3,jQuery Dom操作 4,jQuery动画 5,实例实战 -
jQuery ajaxSetup() 全局默认配置
2020-10-13 16:23:41// 设置jQuery Ajax全局的参数 $.ajaxSetup({ type: "POST", complete: function (XMLHttpRequest, textStatus) { var code = XMLHttpRequest.responseJSON.code; if ([5001, 5002, 5003, 5004].indexOf(code...最近开发过程中,遇到API接口要鉴权,每一个AJAX都需要传token。于是所有的AJAX都需要一个header,有点麻烦。
$.ajax({ url: "aaa/bbb/ccc", header{ "token": xxxxxxx, }, ...... });
ajaxSetup
ajaxSetup() 方法为将来的 AJAX 请求设置默认值。
$(function () { // 设置jQuery Ajax全局的参数 $.ajaxSetup({ header: { "token": xxxxxxxx } complete: function (XMLHttpRequest, textStatus) { var code = XMLHttpRequest.responseJSON.code; if ([5001, 5002, 5003, 5004].indexOf(code) > -1) { window.location.href = "./login.html"; } } }); });
通过ajaxSetup() 设置了header之后,默认全局AJAX都会带上这个header。
同时,上述代码中设置了complete,在调用完成之后,先判断返回状态是否是500x,如果是则表示未鉴权,返回login页面。
参考链接:
-
jquery获取复选框checkbox的值
2018-08-03 13:36:01 -
使用jquery如何清空input 中的内容
2017-05-28 19:58:29用JQ的attr属性就可以清空input的内容 <inputtype="text"value="TEST"/>...scriptsrc="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"type="text/javascript"/> <script> $(function(){ ...前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,
忍不住分享一下给大家。点击跳转到教程。
https://www.captainai.net/ainusers/用JQ的attr属性就可以清空input的内容 <input type="text" value="TEST"/> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js" type="text/javascript"/> <script> $(function() { $("input").attr("value",""); }); </script>
<script type="text/javascript"> $(function(){ $('input:reset').click(function(){ $('.input').val(""); }); }); </script>
-
JQuery安装与下载教程
2019-05-25 22:21:17jQuery安装与下载 JQuery 是一个javaScript库,是一个轻量级的"写的少,做的多"的JavaScript库。 jQuery 极大地简化javaScript编程 --juery相比js优点: jquery的onload加载事件速度更快,并且多个加载并行 ... -
jQuery 在HTML中引用jQuery
2019-03-11 20:10:36方法2:从 Staticfile CDN、又拍云、新浪、谷歌或微软等引用 jQuery (1)下载jQuery 下载地址:jquery.com Production version:用于实际的网站中,已被精简和压缩。 Development version:用于测试和开发(未... -
jquery完整包
2014-02-26 14:09:43最完整的 jquery版本,包括 jquery1.10.1,jquery1.10.2,jquery1.11.0, jquery1.32, jquery1.42,jquery1.44, jquery1.5,jquery1.5.1,jquery1.5.2, jquery1.6,jquery1.6.4, jquery1.7, jquery1.8,jquery... -
“jQuery/$ is not defined” 解决方法
2018-03-24 15:53:32最初碰到这个问题的时候,我也在网上搜了一些资料,不过都没有解决我的...必须先引用jquery-1.4.1.js(或其他版本)文件,再引用其他js插件的文件 方法3:js冲突 a、var jq = $.noConflict(); b、var jq = jQue... -
初始jQuery
2020-06-17 16:35:54jQuery jQuery是一个JavaScript的库,封装JavaScript操作让JavaScript操作更简单 版本问题 jQuery–1x兼容IE6,7,8 2x,3x不兼容IE6,7,8 1x版本兼容好,但文件较大 2x,3x文件小,但兼容差 使用jQuery 下载... -
jQuery 语法
2018-10-08 16:56:58jQuery 教程jQuery 简介jQuery 安装jQuery 语法jQuery 选择器jQuery 事件 jQuery 效果 jQuery 隐藏/显示jQuery 淡入淡出jQuery 滑动jQuery 动画jQuery 停止动画jQuery CallbackjQuery 链 jQuery HTML jQuery ... -
4.2 jQuery
2019-05-22 17:21:261.2 jQuery jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。 jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。... -
jQuery-什么是jQuery
2018-11-14 14:22:00什么是 jQuery ? jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"写的少,做的多"的JavaScript库。 jQuery库包含以下功能: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 ... -
jquery.qrcode.min.js---二维码的jquery插件
2014-11-04 09:55:53jquery.qrcode.min.js 二维码的jquery插件 -
JQuery错误—JQuery未定义
2018-06-15 15:14:49出现JQuery未定义这个错误的原因很简单,就是在引用JQuery的js文件时,顺序不对,jquery.js这个引用必须在最前面,不然就会出错 -
Jquery入门到精通
2016-10-13 11:23:48jquery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作。 使用户能更方便地处理HTML documents、... 本课程以jquery为核心,系统全面的掌握 jQuery Ajax jQuery常用插件 jQuery UI jQuery Mobile -
jQuery入门基础
2020-11-20 21:55:21jQueryjQuery是什么jQuery的安装语法jQuery 语法 jQuery是什么 jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"写的少,做的多"的JavaScript库。 jQuery库包含以下功能: HTML 元素选取 HTML 元素操作 CSS ... -
jquery双击事件
2018-03-08 14:47:32一、jquery的dblclick事件 一个DOM元素,如:div,既绑定了 click 事件,又绑定了 dblclick 事件,这两个事件分别要做独立的事情。事件处理上没有冲突,都可以各自 完成各自的操作。双击的时候虽然是执行了 ... -
[jQuery知识]jQuery之知识体系
2016-12-06 23:47:32知识体系:jQuery基础知识一jQuery之知识二-选择器[jQuery知识]jQuery之知识三-过滤器[jQuery知识]jQuery之知识四-DOM和CSS操作[jQuery知识]jQuery之知识五-DOM节点操作[jQuery知识]jQuery之知识六-表单操作[jQuery... -
jQuery的介绍
2019-05-11 23:35:33笔者是刚入前端行业的时候做过一个稍微大型的jQuery项目,现在以及很久没用过了,但是感觉应该还会有不少朋友会去维护老的项目,可能还是会接触到jQuery,所以笔者想了想就还是写jQuery的文章来帮助更多的朋友来认识... -
jquery.js 工具文件
2013-10-17 20:59:46jquery.js 工具文件 -
jQuery简介
2018-09-08 18:28:17jQuery简介 jQuery库可以通过一行简单的标记被添加到网页中 jQuery库的特性 jQuery是一个JavaScript函数库 jQuery库包含以下特性: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和... -
jQuery安装
2018-09-08 20:33:15jQuery安装 把jQuery添加到你的网页 如需使用jQuery,则需要下载jQuery库,然后把它包含在希望使用的网页中 jQuery库是一个JavaScript文件,可以使用HTML的script标签来引用它 <script src="js... -
jQuery语法
2018-09-08 22:33:18jQuery语法 通过jQuery,可以选取(查找,query)HTML元素,并对它们执行相应的操作 jQuery语法 jQuery语法是为HTML元素的选取编制的,可以对元素执行某些操作 基础语法是:$(selector).action() 美元符号$... -
jQuery开篇
2018-09-08 14:58:54jQuery开篇 虽然还没学完JavaScript的进阶课程,但已经迫不及待地开始了jQuery的学习 了解jQuery jQuery是一个JavaScript库 jQuery极大的简化了JavaScript编程 jQuery很容易学习(的确是。。。逃 接下来... -
jQuery回到顶部插件jQuery GoUp
2014-08-04 22:25:33插件描述jQuery GoUp!是一个简单的jQuery插件,让你的网页用户直接回到顶部。使用方法非常简单引用jquery库和jquery.goup.min.js到你的页面 -
angular6引入jquery和jquery插件
2019-07-15 00:13:57angular4引入jQuery和基于jQuery的插件! 案例说明 一、angular-cli.json引入jquery和jquery插件 "scripts": [ "node_modules/jquery/dist/jquery.js", "src/... -
jquery关键字 unrecognized expression jquery
2017-05-23 10:49:30今天发现js异常,unrecognized expression jquery jquery提示 有id aaa$bbb这种取值方式有异常, http://api.jquery.com/category/selectors/ 查了下这些都是关键字不能用 !"#$%&'()*+,./:;?@[\]^`... -
jQuery事件
2018-09-10 20:05:31jQuery事件 jQuery是为事件处理而设计的 jQuery事件函数 jQuery事件处理方法是jQuery中的核心函数 事件处理程序指的是HTML中发生某些事件时所调用的方法,即术语:触发 实例: <html> &...
收藏数
540,718
精华内容
216,287
-
MMM 集群部署实现 MySQL 高可用和读写分离
-
SATA PHY选择MMCM驱动,而非晶振GTX专用时钟
-
PowerBI重要外部工具详解
-
Samba 服务配置与管理
-
MySQL 高可用工具 DRBD 实战部署详解
-
C语言
-
64-最小路径和(矩阵路径)
-
微软推荐如何更快安装 Windows 10 累积更新
-
项目经理成长之路
-
cat_cuDNN.ipynb
-
astra_camera.rviz
-
Ubuntu18.04+opencv3.4.0+CUDA10+Optical Flow
-
MySQL 备份与恢复详解(高低版本 迁移;不同字符集 相互转换;表
-
前端——面试(苏小妍)
-
sg循环-源码
-
java文档Java上课的文档PPT.zip
-
零基础极简以太坊智能合约开发环境搭建并开发部署
-
零基础一小时极简以太坊智能合约开发环境搭建并开发部署
-
哈希码2021-源码
-
2020模电1期末试题.pdf