亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

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

jQuery版本的演變

2019-11-11 06:29:34
字體:
來源:轉載
供稿:網友

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方法代替。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
久久激情视频久久| 中文字幕亚洲综合久久筱田步美| 欧美另类69精品久久久久9999| 久久久久久亚洲精品| 久久精品99国产精品酒店日本| 国产不卡av在线| 国内精品视频一区| 国产美女久久精品| 亚洲天堂视频在线观看| 中国人与牲禽动交精品| 久久精品视频中文字幕| 成人黄色av网| 成人在线视频网站| 97精品视频在线播放| 亚洲黄色www网站| 亚洲欧美日韩一区二区在线| 亚洲精品视频播放| 国产一级揄自揄精品视频| 国产精品视频大全| 久久影院免费观看| 久久久国产精品一区| 欧美久久精品一级黑人c片| 亚洲xxx自由成熟| 欧美xxxx做受欧美.88| 国产九九精品视频| 国产精品高精视频免费| 91中文字幕在线观看| 成人综合网网址| 成人深夜直播免费观看| 国产欧美一区二区三区视频| 欧美日韩中文字幕在线| 欧美超级乱淫片喷水| 国产精品久久久久久久久久久不卡| 国产中文字幕日韩| 中文字幕精品久久久久| 欧美一级在线亚洲天堂| 亚洲第一福利在线观看| 亚洲精品日韩av| 国产欧美日韩免费看aⅴ视频| 日韩精品在线免费观看视频| 亚洲伊人一本大道中文字幕| 久久久精品欧美| 欧美理论片在线观看| 亚洲精品国产福利| 欧美激情视频播放| 国产日韩在线亚洲字幕中文| 91禁国产网站| 亚洲精品中文字幕有码专区| 亚洲精品suv精品一区二区| 美女999久久久精品视频| 日韩精品视频观看| 一区二区三区在线播放欧美| 亚洲午夜精品久久久久久久久久久久| 欧美日韩国产综合新一区| 91免费高清视频| 国产精品成人一区| 中文欧美在线视频| 国产精品视频久久久久| 九色精品美女在线| 欧美另类在线播放| 亚洲精品v欧美精品v日韩精品| 亚洲欧美日韩直播| 久久久国产一区| 欧美日韩中文字幕日韩欧美| 日韩中文视频免费在线观看| 亚洲国产精品字幕| 久久久国产影院| 色婷婷**av毛片一区| 97超级碰在线看视频免费在线看| 欧美性做爰毛片| 国产亚洲精品91在线| 91精品国产91久久久| 日韩av电影手机在线| 91美女高潮出水| 亚洲精品久久久久久久久| 成人在线激情视频| 色综合视频一区中文字幕| 亚洲国产另类 国产精品国产免费| 欧美在线视频在线播放完整版免费观看| 国产精品成人观看视频国产奇米| 欧美日韩视频免费播放| 1769国产精品| 国产91网红主播在线观看| 久久精品在线视频| 97在线视频免费观看| 日韩欧美福利视频| 亚洲精品欧美一区二区三区| 欧美电影在线观看完整版| 欧美裸体xxxx极品少妇软件| 揄拍成人国产精品视频| 欧美性感美女h网站在线观看免费| 欧美激情精品久久久久久免费印度| 国产ts人妖一区二区三区| 亚洲人成网站在线播| 欧美精品videosex性欧美| 国产成人一区二区在线| 日韩在线免费视频观看| 国产99久久精品一区二区| 国产一区二区香蕉| 欧美中文在线观看| 91社区国产高清| 国产精品美女视频网站| www.xxxx欧美| 日韩av网站大全| 最近日韩中文字幕中文| 在线国产精品视频| 国产69精品久久久久99| 精品免费在线视频| 欧美做受高潮1| 日韩在线观看精品| 日韩美女写真福利在线观看| 欧洲成人午夜免费大片| 国产精品久久久久久av福利| 久久成人精品视频| 欧美日韩亚洲网| 国产成人在线视频| 国产精品夜间视频香蕉| 久久91亚洲精品中文字幕奶水| 精品一区二区三区四区在线| 精品亚洲一区二区三区四区五区| 91精品久久久久久久久青青| 亚洲视频电影图片偷拍一区| 亚洲白拍色综合图区| 欧美日韩高清区| 久久99精品久久久久久噜噜| 久久综合电影一区| 久久在线观看视频| 中文字幕国产亚洲| 国产精自产拍久久久久久蜜| 尤物yw午夜国产精品视频明星| 2019中文字幕在线观看| 亚洲男人天堂手机在线| 亚洲一区www| 欧美老女人性生活| 最近2019中文字幕一页二页| 91沈先生在线观看| 日韩视频免费大全中文字幕| 亚洲高清免费观看高清完整版| 日本中文字幕久久看| 狠狠躁天天躁日日躁欧美| 久久久久国产精品一区| 96精品视频在线| 亚洲国产日韩欧美在线图片| 久久99久久99精品中文字幕| 久久久噜噜噜久久| 国产精品女人网站| 午夜精品久久久久久99热软件| 久久久亚洲成人| 亚洲女人被黑人巨大进入| 亚洲福利视频在线| 成人网在线免费看| 国产日韩欧美在线看| 精品国内自产拍在线观看| 国产精品视频自在线| 亚洲人午夜精品免费| 欧美极品少妇xxxxx| 亚洲国产99精品国自产| 国产欧美一区二区三区四区| 国外色69视频在线观看| 色视频www在线播放国产成人| 欧美香蕉大胸在线视频观看| 亚洲成人网久久久| 国产精品久久久久久久app| 国产成人精品a视频一区www|