JQuery的使用与发展史

最新推荐文章于 2024-08-12 22:28:07 发布

一把利键

最新推荐文章于 2024-08-12 22:28:07 发布

阅读量373

点赞数

文章标签： jquery javascript 原型模式 Powered by 金山文档

本文链接：https://blog.csdn.net/qq_68334807/article/details/128569918

版权

2005年8月，John Resig提议改进Prototype的“Behaviour”库，于是他在blog上发表了自己的想法，并用了3个例子做简单的流程说明。

第一个例子是为元素注册一个事件：

Behaviour.register({

'#example li': function(e){

e.onclick = function(){

this.parentNode.removeChild(this);

}

});

他认为应该改写为：

$('#example li').bind('click',function(){

this.parentNode.removeChild(this);

});

第二个例子是为不同的元素注册不同的事件：

Behaviour.register({

'b.someclass' : function(e){

e.onclick = function(){

alert(this.innerHTML);

}

'#someid u' : function(e){

e.onmouseover = function(){

this.innerHTML = "BLAH!";

}

});

他认为应该改写为：

$('b.someclass').bind('click',function(){

alert(this.innerHTML);

});

$('#someid u').bind('mouseover',function(){

this.innerHTML = 'BLAH!';

});

第三个例子是为不断变化的元素注册不同的事件：

Behaviour.register({

'#foo ol li': function(a) {

a.title = "List Items!";

a.onclick = function(){ alert('Hello!'); };

'#foo ol li.tmp': function(a) {

a.style.color = 'white';

'#foo ol li.tmp .foo': function(a) {

a.style.background = 'red';

}

});

他认为应该改写为：

$('#foo ol li')

.set('title','List Items!')

.bind('click',function(){ alert('Hello!'); })

.select('.tmp')

.style('color','white')

.select('.foo')

.style('background','red');

这些代码也是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事件，代码如下：

//1.4.2

$("table").delegate("td", "hover", function(){

$(this).toggleClass("hover");

});

//1.3.2

$("table").each(function(){

$("td", this).live("hover", function(){

$(this).toggleClass("hover");

});

2011年1月，jQuery 1.5版发布。

2011年11月，jQuery 1.7版发布。 [2-3]

运行环境

编辑播报

运行jQuery所需的条件很简单：一台计算机、一个智能电话或一个可以运行现代浏览器的设备。jQuery对浏览器的要求也相当自由。官方网站列出了下列支持jQuery的浏览器：

FirefoX 2．0+

Internet Explorer 6+

Safari 3+

Opera 10．6+

Chrome 8+ [4]

编程工具

Notepad++：一套有特色的自由软件的纯文字编辑器，有完整的中文化接口及支持多国语言编写的功能。它的功能比Windows中的 Notepad（记事本）强大，除了可以用来制作一般的纯文字说明文件，也十分适合当作编写电脑程序的编辑器。Notepad++ 不仅有语法高亮度显示，也有语法折叠功能，并且支持宏以及扩充基本功能的外挂模组。

Brackets：一个免费、开源且跨平台的 HTML/CSS/JavaScript 前端 WEB 集成开发环境（IDE工具）。该项目由 Adobe 创建和维护，根据MIT许可证发布，支持Windows、Linux平台。Brackets的特点是简约、优雅、快捷，它的核心目标是减少在开发过程中那些效率低下的重复性工作，例如浏览器刷新，修改元素的样式，搜索功能等等。

JS Nice：一款让经过混淆处理的JavaScript代码可读更好的工具。它使用一种用于JavaScript代码美化的去混淆和去压缩引擎。JSNice采用先进的机器学习和程序分析技术，从可用的开源项目学习命名和类型规律。