麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 學院 > 開發設計 > 正文

jQuery版本的演變

2019-11-11 05:55:57
字體:
來源:轉載
供稿:網友

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(thsi);});

第二個例子是為不同的元素注冊不同的事件:

Behaviour.register({ 'b.someclass':function(e) { e.onclick = function() { alert(this.innerHTML); }; }, '#someid u': function(e) { e.onmouSEOver = function() { this.innerHTML = 'YYUU'; }; }});

他認為應該改寫為:

$('b.someclass').bind('click',function(){ alert(this.innerHTML);});$('#someid u').bind('mouseover',function() { this.innerHTML = 'yyuu';});

第三個例子是為不斷變化的元素注冊不同的事件:

Behaviour.register({ '#foo ol li':function(a) { a.title = 'List Items'; a.onclick = function() { alert('Hello'); }; }, '#foo ol li.tem':function(a) { a.style.color = 'white'; }, '#foo ol li.tem .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年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()方法。

注意: Sizzle是jQuery作者John Resig新寫的DOM選擇器引擎。Sizzle有一個重要的特點,它是完全獨立于jQuery的,如果你不想用jQuery,可以只用Sizzle。Sizzle下載地址:http://sizzlejs.com/

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版發布。該版本做了如下修改: ● 重寫Ajax模塊 (1)最大的變化時調用jQuery.ajax(或jQuery.get,jQuery.post等)會返回jqXHR的對象,為不同瀏覽器內置的xmlHttpRequest對象提供了一致的超集,可以完成以前不可能完成的任務,比如:中止JSONP請求。 (2)提供了更高級的統一的API。 (3)更好的擴展性,可以方便地擴張Ajax的發送與接收,管理Ajax請求。 ● 新增延遲對象 開發人員借此可以使用無法立即獲得的返回值(如異步Ajax請求的返回結果),而且第一次能夠附加多個事件處理器。 比如,使用新的jQuery Ajax API實現下面的代碼:

//發出請求,并記住jqxhr對象var jqxhr = $.ajax({url:"example.php"}) .success(function(){alert("success");}) .error(function(){alert("error");}) .complete(function(){alert("complete");});//這里可以做其它工作...//完成另一功能jqxhr.complete(function(){alert("second complete");});

● jQuery.sub() 可以方便地創建jQuery副本,不影響原有的jQuery對象,避免jQuery沖突,實例代碼如下:

(function(){ var sub$ = jQuery.sub(); sub$.fn.myCustomMethod = function(){ return 'just for me'; }; sub$(document).ready(function(){ sub$('body').myCustomMethod(); //'just for me' });})();

● 內部開發系統 jQuery團隊內部開發系統的兩點改變:已是服務器端用NodeJS替換了老的Java/Rhino系統,使得團隊可以專注于JavaScript環境的新變化;二是所用的代碼壓縮優化程序從Google Closure Compiler 切換到UglifyJS,新工具的壓縮效果非常令人滿意。

2011年5月,jQuery 1.6版發布。該版本重寫了Attribute模塊和大量的性能改進。值得注意的是此次更新有2個破壞性的變更,將會影響到現有打算升級到1.6的那些項目。 ● 變更1:更新data()方法 在jQuery1.5中,data()方法可以用來將元素上的數據屬性轉化為JSON形式的值。jQuery 1.6已經更新了此功能,data()方法獲取的值會以駝峰形式展示,以配合W3C HTML5 規范。比如:

//html:<span data-max-value="15" data-min-value="5"></span>//js:$('span').data(); //jQuery 1.5.2輸出:{"max-value":15,"min-value":5}$('span').data(); //jQuery 1.6輸出:{"maxValue":15,"minValue":5}

●變更2: 獨立方法處理DOM屬性,以區分DOM的attributes和properties 一般情況下,attributes表示從文檔中獲取DOM的狀態信息,而properties表示元素的動態狀態信息。比如:

//html:<input type="text" value="abc">//js:$("input:text").attr('value'); //輸出abc$("input:text").prop('value'); //輸出abc

如果用戶手動改變文本框的值為”abcdef”,那么:

$("input:text").attr('value'); //輸出abc$("input:text").prop('value'); //輸出abcdef

同樣,如果網頁中的復選框的代碼如下: <input type="checkbox" checked /> 那么結果也會有所不同:

$(":checkbox").attr('checked'); //輸出'',空字符串$(":checkbox").prop('checked'); //輸出true

所以在jQuery 1.6中,如果要判斷復選框是否選中,需在事件處理程序中使用:

$(this).prop("checked");//或者$(this).is(":checked")

由于jQuery 1.6對attr()方法的改變,導致很多使用attr()方法的程序出現問題,必須修改為1.6的語法才能使用,這個不向前兼容的改變引起了開發的強烈不滿。于是在不到10天的時間里,jQuery 1.6.1發布,它調整了attr()方法,使其兼容1.6之前的做法。比如:

$(":checkbox").attr("checked",true);$("option").attr("selected",true);$("input").attr("readonly",true);$("input").attr("disabled",true);if($(":checkbox").attr("checked")) { /* Do something */}

2011年,11月,jQuery 1.7版發布。該版本做了如下修改: ● 新的事件API:on()和off() 新的on()和off()API統一了jQuery中所有對文檔綁定事件的操作,而且它們也更加簡短。代碼如下:

$(elements).on(events[,selector][,data],handler);$(elements).off([events][,selector][,handler]);

其中on()替代了之前版本中的bind()、delegate()和live();off()替代了unbind()、undelegate()和die()。下面代碼是新舊API調用之間對應的例子:

$('a').bind('click',myHandler); //舊$('a').on('click',myHandler); //新$('form').bind('submit',{val:42},fn); //舊$('form').on('submit',{val:42},fn); //新$(window).unbind('scroll.myPlugin'); //舊$(window).off('scroll.myPlugin'); //新$('.comment').delegate('a.add','click',addNew); //舊$('.comment').on('click','a.add',addNew); //新$('.dialog').undeledate('a','click.myDlg'); //舊$('.dialog').off('click.myDlg','a'); //新$('a').live('click',fn); //舊$(document).on('click','a',fn); //新$('a').die('click'); //舊$(document).off('click','a'); //新

● 事件委托的性能改進 隨著頁面大小和復雜度的不斷增長,事件委托變得越來越重要。比如Backbone,JavaScriptMVC和Sproutcore等應用框架都使用了大量的事件委托。考慮到這一點,jQuery 1.7重構了事件委派,使其更加快速,尤其是在大多數常見情況下。

● 更好地支持IE 6/7/8下的HTML5 任何試圖在IE 6/7/8中使用新的類似于<section>的HTML5標簽,毫無疑問都會遇到IE6/7/8無法解析這些標簽,甚至將這些標簽從文檔中移除的問題。在jQuery 1.7中,為較舊IE版本中html()一類的方法建立了對HTML5的支持。這一功能和以前的innerShiv相同,但你仍然需要在你的文檔頭部加入HTML5Shiv(或者Modernizr)以使舊IE版本支持HTML5標簽。

● 更直觀地切換動畫 在jQuery的舊版本中,類似于slideToggle()或fadeToggle()的切換動畫在互相堆放和前一個動畫被stop()終止時無法正常工作。在1.7版本中這一情況被修復,動畫系統會記住元素的初始值并在一個切換的動畫被提前終止時充值它們。

● 異步模塊定義(AMD) jQuery 1.7支持AMD規范,可以和遵循AMD規范的腳本加載器協作,比如RequireJS或者curl.js。

● jQuery.Deferred jQuery.Deferred對象除了提供新的進度處理及通知方法之外,同事也新增一個可用來取得目前Deferred狀態的state()方法。Dederred也通過jQuery.Callbacks機制來提供給開發者一個統一的事件處理接口。

● jQuery.isNumeric() 在使用jQuery的過程中,有時候需要知道一個參數是數值或可以被成功的轉化為數值的情況。所以jQuery開發并公開jQuery.isNumeric()方法。為它傳遞一個任意類型的參數,它將對應的返回true或false。

● 棄用和刪除的功能 jQuery將開始棄用過時的特性,以使代碼庫更加精簡,同時提供性能。比如live()和die()已在1.7版本中被棄用,這些方法還將繼續有效,但為了兼容以后的版本不建議使用它們,可以使用on()、off()和delegate()之類的代替。

jQuery.isNaN():這一未公開的實用函數已被刪除,新的jQuery.isNumeric()提供了類似的功能,并且可以被更好的支持。

jQuery.event.proxy():這一未公開和過時的方法已被刪除,開發者應使用公開的jQuery.proxy方法代替。


上一篇:static關鍵字

下一篇:LintCode 407:Plus One

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 一区www| 好吊色37pao在线观看 | 福利在线小视频 | 懂色粉嫩av久婷啪 | 国产在线观看91一区二区三区 | 九九视屏 | 在线观看一二三 | 伊久在线 | 日韩av电影在线免费观看 | 日日鲁一鲁视频 | 一级做人爱c黑人影片 | 成人免费毛片在线观看 | 国产精品久久久久久久成人午夜 | 久久成年网站 | 中文字幕精品在线观看 | 欧美三级美国一级 | 一级做a爱片性色毛片高清 日本一区二区在线看 | 性 毛片| 日本一区二区免费在线观看 | free性欧美hd另类 | 国产成人在线免费观看视频 | 国产一级一国产一级毛片 | 久久久久电影网站 | 香蕉国产在线视频 | 国产人成精品一区二区三 | 毛片a区 | 国产91av视频| 国内精品久久久久久影视8 嫩草影院在线观看网站成人 | 久久超 | 久久一区二区三区av | 午夜色片 | 久久免费视频精品 | 国产一区二区在线免费播放 | 久久777国产线看观看精品 | 龙床上的呻吟高h | 717影院理论午夜伦八戒秦先生 | 九艹在线 | 免费黄色在线 | www.91pron| 91精品国产乱码久久久久久久久 | 日韩中文字幕三区 |