:
創(chuàng)新互聯(lián)建站長期為近1000家客戶提供的網(wǎng)站建設(shè)服務(wù),團(tuán)隊從業(yè)經(jīng)驗10年,關(guān)注不同地域、不同群體,并針對不同對象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺,與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為西林企業(yè)提供專業(yè)的成都網(wǎng)站建設(shè)、成都做網(wǎng)站,西林網(wǎng)站改版等技術(shù)服務(wù)。擁有十載豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。
建議不要用新的版本,個人建議初學(xué)用早年的1.5.1版本。
(2007年9月):這一版去掉了對XPath選擇符的支持,原因是相對于CSS語法它已經(jīng)變得多余了。這一版能夠支持對效果的更靈活定制,而且借助新增的命名空間事件,也使插件開發(fā)變得更容易。
jQuery UI(2007年9月):這個新的插件套件是作為曾經(jīng)流行但已過時的Interface插件的替代項目而發(fā)布的。jQuery UI中包含大量預(yù)定義好的部件(widget),以及一組用于構(gòu)建高級元素(例如可拖放的界面元素)的工具。 (2010年1月14號):對代碼庫進(jìn)行了內(nèi)部重寫組織,開始建立一些風(fēng)格規(guī)范。老的core.js文件被分為attribute.js,css.js,data.js,manipulation.js,traversing.js和queue.js;CSS和attribute的邏輯分離。
⒈4重要新特性
·常用方法的性能大幅提升:重寫了大部分較早期的函數(shù);
·更容易使用的設(shè)置函數(shù)(setter function):為所有對象新增了許多易用的設(shè)置函數(shù);
·對Ajax的改進(jìn):引入了許多Ajax和JSON處理方面的更新,包括HTML5元素的序列化;
·attribute(改進(jìn)了.attr()的性能)、jQuery()核心函數(shù)、CSS(.css()性能有兩倍提升)、特效和事件、DOM操作等也有顯著改進(jìn) (2011年1月31日):該版本修復(fù)了83個bug,解決了460個問題。重大改進(jìn)有:重寫了Ajax模塊;新增延緩對象(Deferred Objects);jQuery替身——jQuery.sub();增強了遍歷相鄰節(jié)點的性能;jQuery開發(fā)團(tuán)隊構(gòu)建系統(tǒng)的改進(jìn)。
1.5新版本
美國時間2011年1月31日J(rèn)ohn Resig在jQuery官方博客發(fā)表文章,宣布jQuery 1.5正式版已經(jīng)如期開發(fā)完成,可以下載使用。壓縮版本jQuery Minified29KB,不壓縮版本jQuery Regular(用于閱讀和調(diào)試)207KB。由于jQuery已經(jīng)成為目前最流行的JavaScript庫,得到廣泛的支持,新版本的發(fā)布當(dāng)然非常引人注目。
重要變化:
1. Ajax重寫
Ajax模塊完全進(jìn)行了重寫。新增一個jXHR對象,為不同瀏覽器內(nèi)置的XMLHttpRequest提供了一致的超集。對于XMLHttpRequest之外的傳輸機制,比如JSONP請求,jXHR對象也可以進(jìn)行處理。(詳情可以參見:jQuery.ajax文檔)
此外,系統(tǒng)的可擴展性大大增強,可以附加各種數(shù)據(jù)處理器、過濾器和傳輸機制,為開發(fā)新的Ajax插件提供了方便。
2. 延遲對象
延遲對象(Deferred Object,jQuery.Deferred對象)是一個可鏈接的(chainable)實用工具對象,實現(xiàn)了Promise接口,可以在回調(diào)隊列中注冊多個回調(diào)、調(diào)用回調(diào)隊列并轉(zhuǎn)發(fā)任何同步/異步函數(shù)的成敗狀態(tài)。正如Using Deferreds in jQuery 1.5一文中說明的,其結(jié)果是在jQuery中能夠?qū)⒁蕾囉谀硞€任務(wù)(事件)結(jié)果的邏輯與任務(wù)本身解耦了。這一點在JavaScript中其實并不新鮮,Mochikit和Dojo等已經(jīng)實現(xiàn)有些日子了。由于jQuery 1.5的Ajax模塊內(nèi)置使用了延遲對象,因此通過jQuery編寫Ajax程序?qū)⒆詣荧@得這一功能。
開發(fā)人員借此可以使用無法立即獲得的返回值(如異步Ajax請求的返回結(jié)果),而且第一次能夠附加多個事件處理器。
例如,使用了新的jQuery內(nèi)部Ajax API就可以實現(xiàn)下面的代碼了:
// Assign handlers immediately after making the request,// and remember the jxhr object for this request var jxhr = $.ajax({ url: example.php }) .success(function() { alert(success); }) .error(function() { alert(error); }) .complete(function() { alert(complete); });// perform other work here ... // Set another completion function for the request above jxhr.complete(function(){ alert(second complete); });
此外,使用jQuery.Deferred還可以開發(fā)自己的延遲對象。更多詳情參見:延遲對象文檔。
3. jQuery.sub()
jQuery 1.5提供了一種創(chuàng)建和修改jQuery副本的方式??梢杂脕硖砑硬幌蛲獠抗_的方法,或者對jQuery的某些方法進(jìn)行重新定義以提供新功能,或者提供更好的封裝、避免名稱空間沖突。當(dāng)然,也可以用來開發(fā)插件,但Resig強烈建議在開發(fā)插件之前,先考慮jQuery UI widget工廠。
值得注意的是,sub函數(shù)并不提供真正的隔離,所有方法、數(shù)據(jù)、調(diào)用仍然依靠jQuery本身來支持。
4. 遍歷性能提高
在新版本中.children(),.prev(),.next()幾個常用的遍歷函數(shù)性能有了顯著提高。
5. 內(nèi)部開發(fā)系統(tǒng)
John Resig還特別提到了jQuery團(tuán)隊內(nèi)部開發(fā)系統(tǒng)的兩點改變:一是服務(wù)器端用Node.js替換了老的Java/Rhino系統(tǒng),使得團(tuán)隊可以專注于JavaScript環(huán)境的新變化;二是所用的代碼優(yōu)化程序從Google Closure切換到UglifyJS,新工具的壓縮效果非常令人滿意。
jQuery 1.5.2 在1.5的基礎(chǔ)上修正的大量的bug
jQuery 1.7b 2011年09月29日jQuery 1.7 的第一個 beta 測試版本,該版本修復(fù)了超過 50 個的問題以及帶來一些新特性。
2011年11月4日jQuery1.7正式版發(fā)布。
新版本包含了很多新的特征,特別提升了事件委派時的性能尤其是在IE7下。
新增及改進(jìn)項:
⒈新的事件 APIs: .on() and .off();
⒉提升了事件委派時的性能有了大幅度的提升,尤其是在IE7下;
⒊更好的在 IE 6/7/8 上支持 HTML5;
⒋切換動畫更加直觀;
⒌匿名模塊定義 AWD
⒍jQuery.Deferred
⒎jQuery.isNumeric()
被刪除的方法:
event.layerX and event.layerY
jQuery.isNaN() 2012年03月24日jQuery 1.7.2正式版發(fā)布。
該版本在1.7.1的基礎(chǔ)上修復(fù)了大量的bug,并改進(jìn)了部分功能。而相比于1.7.2 RC1,只修復(fù)了一個bug。值得注意的是:如果你正在使用jQuery Mobile,請使用最新的jQuery 1.7.2和jQuery Mobile 1.1這兩個版本,因為之前的jQuery Mobile版本還基于jQuery core 1.7.1或更早的版本。 2012年11月14日 jQuery 1.8.3 發(fā)布,修復(fù) bug 和性能衰退問題
IE8中的HTML相關(guān)Bug
jQuery 1.8.2在IE9中調(diào)用ajax失敗的問題
jQuery 1.7.1不能正確地設(shè)置IE7中克隆元素的tabindex屬性
壓縮的JS文件包含非ASCII字符
如果body樣式設(shè)置為display:none,則$('body').show()無法工作
在IE9中element.css('filter')返回不明確
在Android 2.3.4的瀏覽器中,jQuery 1.8.1轉(zhuǎn)場效果崩潰
在iPad上縮放一個燈箱效果后,所有動畫效果失效
從1.3.2升級到1.8.2版本后,出現(xiàn)Uncaught TypeError錯誤
在Chrome和Safari中,無法正確檢測包含可編輯內(nèi)容的DIV的焦點 2013年3月 jQuery 2.0 Beta 2 發(fā)布
據(jù)jQuery官方博客3月消息,jQuery 2.0 Beta 2 發(fā)布。
根據(jù)用戶對jQuery 2.0 Beta 1 版本的反饋,Beta 2 版做了一些修改。jQuery官方表示,非常需要用戶來測試 Beta 2 版,最好同時也能向他們反饋提交建議。
他們相信,Beta 2 版已非常穩(wěn)定,值得一試,不需要等 2.0 的最終版本。
jQuery 團(tuán)隊在官博中再次提醒用戶,jQuery 2.0 不再支持IE 6/7/8 了,但是 jQuery 1.9 會繼續(xù)支持。因為舊版 IE 瀏覽器在整個互聯(lián)網(wǎng)中還有很大部分市場,所以他們非常期望大部分網(wǎng)站能繼續(xù)使用 jQuery 1.x 一段時間。jQuery 團(tuán)隊也將同時支持 jQuery 1.x 和 2.x 。1.9 和 2.0 版的 API 是相同的,所以不必因為你們網(wǎng)站還在用 jQuery 1.9,就感覺好像錯過了什么,或者是落后了。
如果你想繼續(xù)支持 IE 6/7/8,并且又想嘗試 jQuery 2.0,那你可以額外加上一些代碼。除了老版的 IE,其他所有瀏覽器都將使用第二腳本,忽略第一個。
在很多環(huán)境中,jQuery 2.0 應(yīng)當(dāng)都表現(xiàn)的很好。如下:
Google Chrome plugins
Mozilla XUL apps and Firefox extensions
Firefox OS apps
Chrome OS apps
Windows 8 Store (“Modern/Metro UI”) apps
BlackBerry 10 WebWorks apps
PhoneGap/Cordova apps
Apple UIWebView class
Microsoft WebBrowser control
Cheerio or jsdom with Node.js
Intranet applications
2013年4月18日 jQuery 2.0正式版發(fā)布 不再支持IE 6/7/8:如果在IE9/10版本中使用“兼容性視圖”模式也將會受到影響。 更輕更快:2.0版本文件與1.9.1相比小了12%。 可以構(gòu)建一個更小、更輕量的版本。 jQuery 2.0 API完全兼容jQuery 1.9 API。 jQuery 1.9.1漢化版2013年2月23日發(fā)布,由網(wǎng)友翻譯非官方 2014年5月1日,jQuery2.1.1版發(fā)布
可以下載的,復(fù)制下來放在你新建的js文件里也是一樣的
去jquery官網(wǎng)也可以下載到各版本的jquery框架文件
1、Jquery Dialog 是屬于jquery ui里面的一個插件,只要下載了jquery ui里面就包含了dialog插件,直接調(diào)用就可以了,地址:;
當(dāng)然也可以選擇性的配置按需求進(jìn)行下載,配置下載:這里面可以選擇性的下載jquery ui插件進(jìn)行下載
2、dialog使用方法可以看案例,或者直接調(diào)用:$( "#dialog" ).dialog();就可以彈出dialog
jQuery的下載和使用
1.下載 ,在瀏覽器中輸入jQuery,找到j(luò)Query的官網(wǎng)
·
· jQuery 會顯示當(dāng)前最新的幾個版本,所以,想下載之前的版本,需將網(wǎng)頁拉到最底下
· 找到 past releases 。點擊jQuery CDN
· 再找到j(luò)Query core 下的see all versions of jQuery core 點擊進(jìn)去 即可查看到所有的jQuery版本。
· 找到之后發(fā)現(xiàn)后面有兩個選項,這兩個選項都可以,只是占用大小不同,即兩者的區(qū)別在于壓縮和未壓縮、有空格和沒有空格, uncompressed 選項 為未壓縮,適用于編譯。 minified 選項為壓縮版本。
· 下載 :對著兩個選項之一 單擊右鍵,在新網(wǎng)頁或者新標(biāo)簽中打開之后就可以看到j(luò)Query的代碼 ,再Ctrl + S保存到本地就可以了。
2.在HTML中引用
注意: jQuery的引用一般放在最前面。 然后再是自己的樣式。例如:
scriptsrc="js/jquery-1.11.1.js"http://jQuery的引用/script
script//自己的樣式/script
舉個完整的例子
html
head
metacharset="UTF-8"
title/title
/head
body
div測試文字/div
pid="myp"asdkh/p
scriptsrc="js/jquery-1.11.1.js"/script
script
/*添加事件,one :這個事件只會觸發(fā)一次 */
$("#myp").one("click" ,function(){
alert("a");
});
/script
/body
/html
無意中看到一句話叫做:好記性不如爛筆頭。
小時候的一句話,現(xiàn)在可以改成好記性不如爛鍵盤??。
jquery-2.1.1
注:jquery-2.0以上版本不再支持IE 6/7/8)百度引用地址 (推薦目前最穩(wěn)定的,不會出現(xiàn)延時打不開情況)。
百度壓縮版引用地址:
script src=””/script
微軟壓縮版引用地址:
script src=””/script
官網(wǎng)jquery壓縮版引用地址:
script src=””/script
jquery-2.0.0
百度壓縮版引用地址:
script src=””/script
微軟壓縮版引用地址:
script src=””/script
官網(wǎng)jquery壓縮版引用地址:
script src=””/script
jquery-1.11.1
百度壓縮版引用地址:
script src=””/script
微軟壓縮版引用地址:
script src=””/script
官網(wǎng)jquery壓縮版引用地址:
script src=””/script
jquery-1.10.2
百度壓縮版引用地址:
script src=””/script
微軟壓縮版引用地址:
script src=””/script
官網(wǎng)jquery壓縮版引用地址:
script src=””/script
jquery-1.9.1
百度壓縮版引用地址:
script src=””/script
微軟壓縮版引用地址:
script src=””/script
官網(wǎng)jquery壓縮版引用地址:
script src=””/script
jquery-1.8.3
百度壓縮版引用地址:
script src=””/script
微軟壓縮版引用地址:
script src=””/script
官網(wǎng)jquery壓縮版引用地址:
script src=””/script
jquery-1.7.2
百度壓縮版引用地址:
script src=””/script
微軟壓縮版引用地址:
script src=””/script
官網(wǎng)jquery壓縮版引用地址:
script src=””/script
jquery-1.6.4
百度壓縮版引用地址:
script src=””/script
微軟壓縮版引用地址:
script src=””/script
官網(wǎng)jquery壓縮版引用地址:
script src=””/script