這是一個(gè)導(dǎo)入的標(biāo)簽庫吧,可以對(duì)應(yīng)的在網(wǎng)上查找一下,本人才疏學(xué)淺,只能幫你到這里了
在長安等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務(wù)理念,為客戶提供網(wǎng)站建設(shè)、成都網(wǎng)站制作 網(wǎng)站設(shè)計(jì)制作按需定制制作,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),高端網(wǎng)站設(shè)計(jì),全網(wǎng)整合營銷推廣,外貿(mào)網(wǎng)站建設(shè),長安網(wǎng)站建設(shè)費(fèi)用合理。
jQuery Tools是一組基于jQuery構(gòu)建的用戶界面常用組件的集合。通過使用jQueryTools,網(wǎng)站前端開發(fā)無疑會(huì)變得更加高效。值得注意的是,jQueryTools的gzip壓縮版本僅有5.8k,如此輕量級(jí)而且功能實(shí)用的UI組件絕對(duì)值得關(guān)注。下面是官方主頁對(duì)它的一個(gè)描述:
jQuery Tools包含如今網(wǎng)站六個(gè)最有用的javascript工具。它的一個(gè)優(yōu)點(diǎn)是所有這些工具可以一起使用、擴(kuò)展、配置和樣式化。
最終,通過它你可以制作出眾多不同的網(wǎng)站部件,或用個(gè)人的方式創(chuàng)造新的應(yīng)用。(This library contains six of themost useful JavaScript tools available for today’s website. The beautyof this library is that all of these tools can be used together,extended, configured and styled. In the end, you can have hundreds ofdifferent widgets and new personal ways of using the library. )
下面是jQuery UI包含的工具列表:
選項(xiàng)卡功能(Tabs)
提示工具條功能(ToolTips)
信息滾動(dòng)功能(Scrollable)
遮罩效果(overlay)
突出效果(expose)
Flash嵌入
有人可能會(huì)拿jQuery tools和jQuery ui去做對(duì)比,因?yàn)檫@個(gè),國外還有過不小的爭(zhēng)論。感興趣的可以看看這篇文章:jQuery Tools VS Jquery UI,國內(nèi)也有人對(duì)此發(fā)表過言論(blogspot被墻了,可能訪問不了),下面是一些引用:
原因就出在於TOOLS官網(wǎng)上寫明了它就是要補(bǔ)jQuery UI不足之處,例如:TOOLS有UI缺乏的tooltips、tabs、overlays等功能,且強(qiáng)調(diào)檔案比UI還要小。
marcgrabanski認(rèn)為TOOLS既然對(duì)於UI不足之處有意見,最初就應(yīng)該加入該UI團(tuán)隊(duì),一起協(xié)同開發(fā)改造出新版本,畢竟當(dāng)初是受到UI的啟發(fā),到後來卻因UI不足之處,甚至另起爐灶創(chuàng)立一個(gè)新品牌,這樣的行徑并不厚道。
但支持TOOLS的人卻也有不同的聲音,認(rèn)為網(wǎng)頁開發(fā)者本來就是會(huì)殷切期望會(huì)有更小、更有效率的plugin,UI長久來效能不是最好,不過大家也都無從選擇起,如今又有新的plugin出現(xiàn),大家樂見其成,應(yīng)該給予鼓勵(lì)。
JQuery是繼prototype之后又一個(gè)優(yōu)秀的Javascript庫。它是輕量級(jí)的js庫 ,它兼容CSS3,還兼容各種瀏覽器(IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后續(xù)版本將不再支持IE6/7/8瀏覽器。jQuery使用戶能更方便地處理HTML(標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用)、events、實(shí)現(xiàn)動(dòng)畫效果,并且方便地為網(wǎng)站提供AJAX交互。jQuery還有一個(gè)比較大的優(yōu)勢(shì)是,它的文檔說明很全,而且各種應(yīng)用也說得很詳細(xì),同時(shí)還有許多成熟的插件可供選擇。jQuery能夠使用戶的html頁面保持代碼和html內(nèi)容分離,也就是說,不用再在html里面插入一堆js來調(diào)用命令了,只需要定義id即可。
jQuery是一個(gè)兼容多瀏覽器的javascript庫,核心理念是write less,do more(寫得更少,做得更多)。jQuery在2006年1月由美國人John Resig在紐約的barcamp發(fā)布,吸引了來自世界各地的眾多JavaScript高手加入,由Dave Methvin率領(lǐng)團(tuán)隊(duì)進(jìn)行開發(fā)。如今,jQuery已經(jīng)成為最流行的javascript庫,在世界前10000個(gè)訪問最多的網(wǎng)站中,有超過55%在使用jQuery。
jQuery是免費(fèi)、開源的,使用MIT許可協(xié)議。jQuery的語法設(shè)計(jì)可以使開發(fā)更加便捷,例如操作文檔對(duì)象、選擇DOM元素、制作動(dòng)畫效果、事件處理、使用Ajax以及其他功能。除此以外,jQuery提供API讓開發(fā)者編寫插件。其模塊化的使用方式使開發(fā)者可以很輕松的開發(fā)出功能強(qiáng)大的靜態(tài)或動(dòng)態(tài)網(wǎng)頁。
jQuery,顧名思義,也就是JavaScript和查詢(Query),即是輔助JavaScript開發(fā)的庫。
歷史
大概在 1992 年,一家稱作 Nombas 的公司開發(fā)了一種叫做 C 減減(C-minus-minus,簡(jiǎn)稱 Cmm)的嵌入式腳本語言。Cmm 背后的理念很簡(jiǎn)單:一個(gè)足夠強(qiáng)大可以替代宏操作(macro)的腳本語言,同時(shí)保持與 C (和 C ++)足夠的相似性,以便開發(fā)人員能很快學(xué)會(huì)。這個(gè)腳本語言捆綁在一個(gè)叫做 CEnvi 的共享軟件中,它首次向開發(fā)人員展示了這種語言的威力。
Nombas 最終把 Cmm 的名字改成了 ScriptEase,原因是后面的部分(mm)聽起來過于消極,同時(shí)字母 C “令人害怕”。
當(dāng) Netscape Navigator 嶄露頭角時(shí),Nombas 開發(fā)了一個(gè)可以嵌入網(wǎng)頁中的 CEnvi 的版本。這些早期的試驗(yàn)被稱為 Espresso Page(濃咖啡般的頁面),它們代表了第一個(gè)在萬維網(wǎng)上使用的客戶端語言。而 Nombas 絲毫沒有料到它的理念將會(huì)成為萬維網(wǎng)的一塊重要基石。
當(dāng)網(wǎng)上沖浪越來越流行時(shí),對(duì)于開發(fā)客戶端腳本的需求也逐漸增大。此時(shí),大部分因特網(wǎng)用戶還僅僅通過 28.8 kbit/s 的調(diào)制解調(diào)器連接到網(wǎng)絡(luò),即便這時(shí)網(wǎng)頁已經(jīng)不斷地變得更大和更復(fù)雜。而更加加劇用戶痛苦的是,僅僅為了簡(jiǎn)單的表單有效性驗(yàn)證,就要與服務(wù)器進(jìn)行多次地往返交互。設(shè)想一下,用戶填完一個(gè)表單,點(diǎn)擊提交按鈕,等待了 30 秒的處理后,看到的卻是一條告訴你忘記填寫一個(gè)必要的字段。
那時(shí)正處于技術(shù)革新最前沿的 Netscape,開始認(rèn)真考慮開發(fā)一種客戶端腳本語言來解決簡(jiǎn)單的處理問題。
當(dāng)時(shí)工作于 Netscape 的 Brendan Eich,開始著手為即將在 1995 年發(fā)行的 Netscape Navigator 2.0 開發(fā)一個(gè)稱之為 LiveScript 的腳本語言,當(dāng)時(shí)的目的是在瀏覽器和服務(wù)器(本來要叫它 LiveWire)端使用它。Netscape 與 Sun 及時(shí)完成 LiveScript 實(shí)現(xiàn)。
就在 Netscape Navigator 2.0 即將正式發(fā)布前,Netscape 將其更名為 JavaScript,目的是為了利用 Java 這個(gè)因特網(wǎng)時(shí)髦詞匯。Netscape 的賭注最終得到回報(bào),JavaScript 從此變成了因特網(wǎng)的必備組件。
因?yàn)?JavaScript 1.0 如此成功,Netscape 在 Netscape Navigator 3.0 中發(fā)布了 1.1 版。恰巧那個(gè)時(shí)候,微軟決定進(jìn)軍瀏覽器,發(fā)布了 IE 3.0 并搭載了一個(gè) JavaScript 的克隆版,叫做 JScript(這樣命名是為了避免與 Netscape 潛在的許可糾紛)。微軟步入 Web 瀏覽器領(lǐng)域的這重要一步雖然令其聲名狼藉,但也成為 JavaScript 語言發(fā)展過程中的重要一步。
在微軟進(jìn)入后,有 3 種不同的 JavaScript 版本同時(shí)存在:Netscape Navigator 3.0 中的 JavaScript、IE 中的 JScript 以及 CEnvi 中的 ScriptEase。與 C 和其他編程語言不同的是,JavaScript 并沒有一個(gè)標(biāo)準(zhǔn)來統(tǒng)一其語法或特性,而這 3 種不同的版本恰恰突出了這個(gè)問題。隨著業(yè)界擔(dān)心的增加,這個(gè)語言的標(biāo)準(zhǔn)化顯然已經(jīng)勢(shì)在必行。
2006年1月,jQuery的第一個(gè)版本面世,至今已經(jīng)有10年多了(注:這個(gè)時(shí)間點(diǎn)是截止至出書時(shí)間)。雖然過了這么久,但它依然以其簡(jiǎn)潔、靈活的編程風(fēng)格讓人一見傾心。在本篇文章中,我們將講述jQuery的發(fā)展 歷史 ,讓讀者對(duì)jQuery有更多的了解。
在jQuery迅速發(fā)展的同時(shí),一些大的廠商也看中了商機(jī)。2009年9月,微軟和諾基亞公司正式宣布支持開源的jQuery庫,另外,微軟公司還宣稱他們將把jQuery作為Visual Studio工具集的一部分。他將提供包括jQuery的智能提示、代碼片段、示例文檔編制等內(nèi)容在內(nèi)的功能。微軟和諾基亞公司將長期成為jQuery的用戶成員,其他成員還有Google,Intel,IBM,Intuit等公司。
2009年1月,jQuery 1.3版發(fā)布,它使用了全新的選擇符引擎Sizzle,在各個(gè)瀏覽器下全面超越其他同類型JavaScript框架的查詢速度,程序庫的性能也因此有了極大提升。這一版本的第2個(gè)變化就是提供live()方法,使用live()方法可以為當(dāng)前及將來增加的元素綁定事件,在1.3版之前,如果要為將來增加的元素綁定事件,需要使用livequery插件,而在1.3版中,可以直接用live()方法。 2005年8月,John Resig提議改進(jìn)Prototype的“Behaviour”庫,于是他在blog上發(fā)表了自己的想法,并用了3個(gè)例子做說明。
2010年2月,jQuery 1.4.2版發(fā)布,它新增了有關(guān)事件委托的兩個(gè)方法:delegate()和undelegate()。delegate()用于替代1.3.2中的live()方法。這個(gè)方法比live()來的方便,而且也可以達(dá)到動(dòng)態(tài)添加事件的作用。比如給表格的每個(gè)td綁定hover事件
特點(diǎn)
1.動(dòng)態(tài)特效
2.AJAX
3.通過插件來擴(kuò)展
4.方便的工具 - 例如瀏覽器版本判斷
5.漸進(jìn)增強(qiáng)
6.鏈?zhǔn)秸{(diào)用
7.多瀏覽器支持,支持Internet Explorer6.0+、Opera9.0+、Firefox2+、Safari2.0+、Chrome1.0+(在2.0.0中取消了對(duì)Internet Explorer6,7,8的支持)
歷史 版本
jQuery 1.0
(2006年8月):該庫的第一個(gè)穩(wěn)定版本,已經(jīng)具有了對(duì)CSS選擇符、事件處理和AJAX交互的穩(wěn)健支持。
jQuery 1.1
(2007年1月):這一版大幅簡(jiǎn)化了API。許多較少使用的方法被合并,減少了需要掌握和解釋的方法數(shù)量。
jQuery 1.1.3
(2007年7月):這次小版本變化包含了對(duì)jQuery選擇符引擎執(zhí)行速度的顯著提升。從這個(gè)版本開始,jQuery的性能達(dá)到了Prototype、Mootools以及Dojo等同類JavaScript庫的水平。
jQuery 1.2
(2007年9月):這一版去掉了對(duì)XPath選擇符的支持,原因是相對(duì)于CSS語法它已經(jīng)變得多余了。這一版能夠支持對(duì)效果的更靈活定制,而且借助新增的命名空間事件,也使插件開發(fā)變得更容易。
jQuery UI(2007年9月):這個(gè)新的插件套件是作為曾經(jīng)流行但已過時(shí)的Interface插件的替代項(xiàng)目而發(fā)布的。jQuery UI中包含大量預(yù)定義好的部件(widget),以及一組用于構(gòu)建高級(jí)元素(例如可拖放的界面元素)的工具。
jQuery 1.2.6
(2008年5月):這一版主要是將Brandon Aaron開發(fā)的流行的Dimensions插件的功能移植到了核心庫中。
jQuery 1.3
(2009年1月):這一版使用了全新的選擇符引擎Sizzle,庫的性能也因此有了極大提升。這一版正式支持事件委托特性。
jQuery 1.3.2
(2009年2月):這次小版本升級(jí)進(jìn)一步提升了庫的性能,例如改進(jìn)了:visible/:hidden選擇符、.height()/.width()方法的底層處理機(jī)制。另外,也支持查詢的元素按文檔順序返回。
jQuery 1.4
(2010年1月14號(hào)):對(duì)代碼庫進(jìn)行了內(nèi)部重寫組織,開始建立一些風(fēng)格規(guī)范。老的core.js文件被分為attribute.js,css.js,data.js,manipulation.js,traversing.js和queue.js;CSS和attribute的邏輯分離。
重要變化:
1. Ajax重寫
Ajax模塊完全進(jìn)行了重寫。新增一個(gè)jXHR對(duì)象,為不同瀏覽器內(nèi)置的XMLHttpRequest提供了一致的超集。對(duì)于XMLHttpRequest之外的傳輸機(jī)制,比如JSONP請(qǐng)求,jXHR對(duì)象也可以進(jìn)行處理。(詳情可以參見:jQuery.ajax文檔)
此外,系統(tǒng)的可擴(kuò)展性大大增強(qiáng),可以附加各種數(shù)據(jù)處理器、過濾器和傳輸機(jī)制,為開發(fā)新的Ajax插件提供了方便。
2. 延遲對(duì)象
延遲對(duì)象(Deferred Object,jQuery.Deferred對(duì)象)是一個(gè)可鏈接的(chainable)實(shí)用工具對(duì)象,實(shí)現(xiàn)了Promise接口,可以在回調(diào)隊(duì)列中注冊(cè)多個(gè)回調(diào)、調(diào)用回調(diào)隊(duì)列并轉(zhuǎn)發(fā)任何同步/異步函數(shù)的成敗狀態(tài)。正如Using Deferreds in jQuery 1.5一文中說明的,其結(jié)果是在jQuery中能夠?qū)⒁蕾囉谀硞€(gè)任務(wù)(事件)結(jié)果的邏輯與任務(wù)本身解耦了。這一點(diǎn)在JavaScript中其實(shí)并不新鮮,Mochikit和Dojo等已經(jīng)實(shí)現(xiàn)有些日子了。由于jQuery 1.5的Ajax模塊內(nèi)置使用了延遲對(duì)象,因此通過jQuery編寫Ajax程序?qū)⒆詣?dòng)獲得這一功能。
開發(fā)人員借此可以使用無法立即獲得的返回值(如異步Ajax請(qǐng)求的返回結(jié)果),而且第一次能夠附加多個(gè)事件處理器。
例如,使用了新的jQuery內(nèi)部Ajax API就可以實(shí)現(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ā)自己的延遲對(duì)象。更多詳情參見:延遲對(duì)象文檔。
3. jQuery.sub()
jQuery 1.5提供了一種創(chuàng)建和修改jQuery副本的方式??梢杂脕硖砑硬幌蛲獠抗_的方法,或者對(duì)jQuery的某些方法進(jìn)行重新定義以提供新功能,或者提供更好的封裝、避免名稱空間沖突。當(dāng)然,也可以用來開發(fā)插件,但Resig強(qiáng)烈建議在開發(fā)插件之前,先考慮jQuery UI widget工廠。
值得注意的是,sub函數(shù)并不提供真正的隔離,所有方法、數(shù)據(jù)、調(diào)用仍然依靠jQuery本身來支持。
4. 遍歷性能提高
在新版本中.children(),.prev(),.next()幾個(gè)常用的遍歷函數(shù)性能有了顯著提高。
5. 內(nèi)部開發(fā)系統(tǒng)
John Resig還特別提到了jQuery團(tuán)隊(duì)內(nèi)部開發(fā)系統(tǒng)的兩點(diǎn)改變:一是服務(wù)器端用Node.js替換了老的Java/Rhino系統(tǒng),使得團(tuán)隊(duì)可以專注于JavaScript環(huán)境的新變化;二是所用的代碼優(yōu)化程序從Google Closure切換到UglifyJS,新工具的壓縮效果非常令人滿意。
使用方法
jQuery可以下載使用,有兩個(gè)版本的 jQuery 可供下載
Production version - 用于實(shí)際的網(wǎng)站中,已被精簡(jiǎn)和壓縮。
Development version - 用于測(cè)試和開發(fā)(未壓縮,是可讀的代碼)
jQuery 1.8.0版時(shí)壓縮前后的對(duì)比
插件機(jī)制
jQuery的官方插件是jQuery UI。開發(fā)者可以任意擴(kuò)展jQuery的函數(shù)庫或者按照自己的需求開發(fā)UI組件。網(wǎng)上已經(jīng)有數(shù)以萬計(jì)的jQuery插件,覆蓋各種各樣的需求。例如Ajax輔助、數(shù)據(jù)表格、動(dòng)態(tài)列表、XML工具、拖曳、cookie處理、彈出層等等。jQuery 的文檔說明很全,而且各種應(yīng)用也說得很詳細(xì),同時(shí)還有許多成熟的插件可供選擇,例如ComponentOne Studio for ASP NET Wijmo.
隨著jQuery插件在網(wǎng)站建設(shè)過程中的使用率不斷的增加,所以有必要跟進(jìn)時(shí)代步伐開發(fā)出一些新的插件/代碼片段,以此來鞏固并提高前端用戶體驗(yàn),將用戶體驗(yàn)提升到一個(gè)新的高度。其中包括Flat jQuery Price Slider、Gmaps jQuery Map Plugin 、FormChimp——MailChimp Ajax plugin for jQuery 等。
控件
jQuery Gantt控件是一個(gè)基于原生HTML5/jQuery,功能豐富的控件,該控件真正實(shí)現(xiàn)了跨平臺(tái),在許多設(shè)備和瀏覽器中無縫的運(yùn)行。
使用項(xiàng)目甘特圖中內(nèi)置的調(diào)度,依賴等功能實(shí)現(xiàn)任務(wù)分層列表的可視化。
使用資源甘特圖實(shí)現(xiàn)一個(gè)資源利用視圖。
使用基于API的jQuery或者基于API的MVC可幫您輕松地安裝甘特圖并加快應(yīng)用速度。
可與諸如KnockOut(KO),jQuery.tmpl等流行的jQuery模式一同使用。
將jQuery 庫在Base 庫之前引入,那么“$”的所有權(quán)就歸Base 庫所有,而jQuery 可
以直接用jQuery 對(duì)象調(diào)用,或者創(chuàng)建一個(gè)“$$”符給jQuery 使用。
var $$ = jQuery; //創(chuàng)建一個(gè)$$的jQuery 對(duì)象
$(function () { //這是Base 的$
alert($('#box').ge(0)); //這是Base 的$
alert($$('#box').width()); //這是jQuery 的$$
});
如果將jQuery 庫在Base 庫之后引入,那么“$”的所有權(quán)就歸jQuery 庫所有,而Base
庫將會(huì)沖突而失去作用。這里,jQuery 提供了一個(gè)方法:
jQuery.noConflict(); //將$符所有權(quán)剔除
var $$ = jQuery;
$(function () {
alert($('#box').ge(0));
alert($$('#box').width());
});
應(yīng)該是那個(gè)autoscroll({interval: 8000});這個(gè)參數(shù)返回的問題,你這里表面的意思自動(dòng)滾動(dòng)的間隔為8000毫秒,
自動(dòng)滾動(dòng)和size沒關(guān)系,哪里只是表明你要顯示多少個(gè)圖片的參數(shù)吧!
網(wǎng)頁標(biāo)題:jquerytools的簡(jiǎn)單介紹
URL分享:http://jinyejixie.com/article0/dssdcoo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App設(shè)計(jì)、定制網(wǎng)站、商城網(wǎng)站、網(wǎng)站排名、網(wǎng)站制作、動(dòng)態(tài)網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)