JQuery主要是做什么用的？

JQuery主要是做優化HTML文檔操作、事件處理、動畫設計和Ajax交互。

創新互聯建站是一家專業提供安吉企業網站建設,專注與網站設計制作、成都做網站、HTML5建站、小程序制作等業務。10年已為安吉眾多企業、政府機構等服務。創新互聯專業網站制作公司優惠進行中。

jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之后又一個優秀的JavaScript代碼庫。jQuery設計的宗旨是“write Less，Do More”，即倡導寫更少的代碼，做更多的事情。

它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設計模式，優化HTML文檔操作、事件處理、動畫設計和Ajax交互。

擴展資料：

jQuery 的文檔非常豐富，因為其輕量級的特性，文檔并不復雜，隨著新版本的發布，可以很快被翻譯成多種語言，這也為jQuery 的流行提供了條件。

jQuery 被包在語法上，jQuery 支持CSS1-3 的選擇器， 兼容IE 6.0+, FF 2+,Safari 3.0+, Opera 9.0+, Chrome 等瀏覽器。

同時，jQuery 有約幾千種豐富多彩的插件，大量有趣的擴展和出色的社區支持，這彌補了jQuery功能較少的不足并為jQuery 提供了眾多非常有用的功能擴展

jQuery是怎樣工作的

它使用CSS選擇器樣式語法獲取文檔對象模型(DOM)中的元素到已包裝的對象集合中，然后使用jQuery方法操縱這些元素來達到不同的效果。盡管jQuery的使用是非常方便和直觀的，我們還是需要弄懂它背后的機制來更好的掌握它。 jQuery中的基本概念 在我們深入研究jQuery庫前，需要了解一些jQuery中的一些基本概念。 $/jQuery對象和$()/jQuery()方法 $/jQuery對象是一個全局對象，通過它來訪問所有的jQuery方法。 它也是一個方法對象，所以使用它最通常的方法是通過$/jQuery()方法。$/jQuery()方法可以用來選擇DOM中的一組元素。它也是一個包裝函數，一個$/jQuery()方法的簡單例子： $(“#ABC”); or jQuery(“#ABC”); 傳給$/jQuery()方法的參數是選擇器( selector)。選擇器是一個有CSS選擇器樣式語法的表達式。在上面的例子中，我要選擇id等于 #ABC 的元素 包裝集合(Wrapped set) 包裝集合是一個類似數組的結構，里面包含了所有已選擇的DOM元素。上面的$("#ABC")返回了一個包裝集合。你可以像遍歷數組那樣訪問包裝集合或者通過索引訪問。更重要的是，你可以在所有被選擇的元素上應用jQuery方法。 jQuery $()/jQuery()方法在后臺是怎么工作的 因為大多數jQuery方法調用都是以$()/jQuery()開頭的，所以我們有必要弄懂在這后面發生了什么。在深入討論前，我們先看看$()/jQuery()對象是在哪定義的。$/jQuery對象是jQuery方法的訪問點，是在jQuery中定義的一個全局方法變量。這是在jQuery源碼中定義它的那一行： // Expose jQuery to the global object window.jQuery = window.$ = jQuery; window對象代表瀏覽器中打開的窗口，把$/jQuery放到window下，它就得定義為一個全局對象并且可以在當前打開的窗口中訪問 但是，上面一行源碼最的"jQuery"是什么？它被聲明在jQuery庫開始的地方。 var jQuery = (function() { … 這所有的魔法都發生在jQuery對象的聲明表達式中，如果你直接往里面看，可能會迷茫，所以讓我來簡化它吧。 簡化版jQuery庫源代碼警告：簡化版本僅僅為了研究目的，它不并具有jQuery提供的所有功能，不要把它用在真實環境中。 var jQuery = (function () { // Define a local copy of “k” var k = function (selector, context) { // The k object is actually just the init constructor 'enhanced' var kobj = new k.fn.init(selector, context); return kobj; }; //Define k’s fn prototype, specially contains init method k.fn = k.prototype = { init: function (selector, context) { if (!selector) { return this; } } }; // Give the init function the “k” prototype for later instantiation k.fn.init.prototype = k.fn; // Return “k” to the global object return k; })(); 從上面的額源碼你可以看到jQuery函數變量被定義為一個匿名方法的執行結果。 小貼士：怎樣定義匿名函數 在Javascript中你可以定義一個匿名函數并馬上調用它 例如， (function () { alert(“hello world”); })(); 通過把函數表達式 function() { alert(“hello word”); } 放進括號中 (function() { alert(“hello world”); }) 你可以在外面再加個括號馬上調用它 在這個匿名函數內部定義了一個函數，它有這樣的形式： function (selector, context) 第一個參數是selector，第二個參數是context。在原始的jQuery源碼中，函數k實際上被命名為jQuery，這會和外面大多數jQuery函數變量混淆。 在函數k內一個匿名函數類定義為k的prototype，Prototype是JavaScript函數類的一個特殊的，被用來指向另一個函數對象。所以，所有那個函數類的實例都可以訪問在prototype函數類中定義的函數。在這里，init函數可以被函數類k的所有實例訪問。init方法有如下的形式： function (selector, context) k的prototype里已經初始化成員方法，與此同時，init函數的prototype又被賦值為k的prototype。這是一個循環引用，正常編程實踐中應該避免。但是，jQuery就是采用這種方式使init函數的返回值可以訪問k中定義的方法。 小貼士：在JavaScript中函數是實體類 Javascript是函數式編程語言，但是函數并不是傳統中那樣純粹的函數。函數可以動態定義，可以擁有屬性和方法，并且可以作為參數傳遞給另一個函數。

jquery 簡介

JQuery是繼prototype之后又一個優秀的Javascript庫。它是輕量級的js庫 ，它兼容CSS3，還兼容各種瀏覽器（IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后續版本將不再支持IE6/7/8瀏覽器。jQuery使用戶能更方便地處理HTML（標準通用標記語言下的一個應用）、events、實現動畫效果，并且方便地為網站提供AJAX交互。jQuery還有一個比較大的優勢是，它的文檔說明很全，而且各種應用也說得很詳細，同時還有許多成熟的插件可供選擇。jQuery能夠使用戶的html頁面保持代碼和html內容分離，也就是說，不用再在html里面插入一堆js來調用命令了，只需要定義id即可。

jQuery是一個兼容多瀏覽器的javascript庫，核心理念是write less,do more(寫得更少,做得更多)。jQuery在2006年1月由美國人John Resig在紐約的barcamp發布，吸引了來自世界各地的眾多JavaScript高手加入，由Dave Methvin率領團隊進行開發。如今，jQuery已經成為最流行的javascript庫，在世界前10000個訪問最多的網站中，有超過55%在使用jQuery。

jQuery是免費、開源的，使用MIT許可協議。jQuery的語法設計可以使開發更加便捷，例如操作文檔對象、選擇DOM元素、制作動畫效果、事件處理、使用Ajax以及其他功能。除此以外，jQuery提供API讓開發者編寫插件。其模塊化的使用方式使開發者可以很輕松的開發出功能強大的靜態或動態網頁。

jQuery，顧名思義，也就是JavaScript和查詢（Query），即是輔助JavaScript開發的庫。

歷史

大概在 1992 年，一家稱作 Nombas 的公司開發了一種叫做 C 減減（C-minus-minus，簡稱 Cmm）的嵌入式腳本語言。Cmm 背后的理念很簡單：一個足夠強大可以替代宏操作（macro）的腳本語言，同時保持與 C （和 C ++）足夠的相似性，以便開發人員能很快學會。這個腳本語言捆綁在一個叫做 CEnvi 的共享軟件中，它首次向開發人員展示了這種語言的威力。

Nombas 最終把 Cmm 的名字改成了 ScriptEase，原因是后面的部分（mm）聽起來過于消極，同時字母 C “令人害怕”。

當 Netscape Navigator 嶄露頭角時，Nombas 開發了一個可以嵌入網頁中的 CEnvi 的版本。這些早期的試驗被稱為 Espresso Page（濃咖啡般的頁面），它們代表了第一個在萬維網上使用的客戶端語言。而 Nombas 絲毫沒有料到它的理念將會成為萬維網的一塊重要基石。

當網上沖浪越來越流行時，對于開發客戶端腳本的需求也逐漸增大。此時，大部分因特網用戶還僅僅通過 28.8 kbit/s 的調制解調器連接到網絡，即便這時網頁已經不斷地變得更大和更復雜。而更加加劇用戶痛苦的是，僅僅為了簡單的表單有效性驗證，就要與服務器進行多次地往返交互。設想一下，用戶填完一個表單，點擊提交按鈕，等待了 30 秒的處理后，看到的卻是一條告訴你忘記填寫一個必要的字段。

那時正處于技術革新最前沿的 Netscape，開始認真考慮開發一種客戶端腳本語言來解決簡單的處理問題。

當時工作于 Netscape 的 Brendan Eich，開始著手為即將在 1995 年發行的 Netscape Navigator 2.0 開發一個稱之為 LiveScript 的腳本語言，當時的目的是在瀏覽器和服務器（本來要叫它 LiveWire）端使用它。Netscape 與 Sun 及時完成 LiveScript 實現。

就在 Netscape Navigator 2.0 即將正式發布前，Netscape 將其更名為 JavaScript，目的是為了利用 Java 這個因特網時髦詞匯。Netscape 的賭注最終得到回報，JavaScript 從此變成了因特網的必備組件。

因為 JavaScript 1.0 如此成功，Netscape 在 Netscape Navigator 3.0 中發布了 1.1 版。恰巧那個時候，微軟決定進軍瀏覽器，發布了 IE 3.0 并搭載了一個 JavaScript 的克隆版，叫做 JScript（這樣命名是為了避免與 Netscape 潛在的許可糾紛）。微軟步入 Web 瀏覽器領域的這重要一步雖然令其聲名狼藉，但也成為 JavaScript 語言發展過程中的重要一步。

在微軟進入后，有 3 種不同的 JavaScript 版本同時存在：Netscape Navigator 3.0 中的 JavaScript、IE 中的 JScript 以及 CEnvi 中的 ScriptEase。與 C 和其他編程語言不同的是，JavaScript 并沒有一個標準來統一其語法或特性，而這 3 種不同的版本恰恰突出了這個問題。隨著業界擔心的增加，這個語言的標準化顯然已經勢在必行。

2006年1月，jQuery的第一個版本面世，至今已經有10年多了（注：這個時間點是截止至出書時間）。雖然過了這么久，但它依然以其簡潔、靈活的編程風格讓人一見傾心。在本篇文章中，我們將講述jQuery的發展 歷史 ，讓讀者對jQuery有更多的了解。

在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()方法。　2005年8月，John Resig提議改進Prototype的“Behaviour”庫，于是他在blog上發表了自己的想法，并用了3個例子做說明。

2010年2月，jQuery 1.4.2版發布，它新增了有關事件委托的兩個方法：delegate()和undelegate()。delegate()用于替代1.3.2中的live()方法。這個方法比live()來的方便，而且也可以達到動態添加事件的作用。比如給表格的每個td綁定hover事件

特點

1.動態特效

2.AJAX

3.通過插件來擴展

4.方便的工具 - 例如瀏覽器版本判斷

5.漸進增強

6.鏈式調用

7.多瀏覽器支持，支持Internet Explorer6.0+、Opera9.0+、Firefox2+、Safari2.0+、Chrome1.0+（在2.0.0中取消了對Internet Explorer6,7,8的支持）

歷史 版本

jQuery 1.0

（2006年8月）：該庫的第一個穩定版本，已經具有了對CSS選擇符、事件處理和AJAX交互的穩健支持。

jQuery 1.1

（2007年1月）：這一版大幅簡化了API。許多較少使用的方法被合并，減少了需要掌握和解釋的方法數量。

jQuery 1.1.3

（2007年7月）：這次小版本變化包含了對jQuery選擇符引擎執行速度的顯著提升。從這個版本開始，jQuery的性能達到了Prototype、Mootools以及Dojo等同類JavaScript庫的水平。

jQuery 1.2

（2007年9月）：這一版去掉了對XPath選擇符的支持，原因是相對于CSS語法它已經變得多余了。這一版能夠支持對效果的更靈活定制，而且借助新增的命名空間事件，也使插件開發變得更容易。

jQuery UI（2007年9月）：這個新的插件套件是作為曾經流行但已過時的Interface插件的替代項目而發布的。jQuery UI中包含大量預定義好的部件（widget），以及一組用于構建高級元素（例如可拖放的界面元素）的工具。

jQuery 1.2.6

（2008年5月）：這一版主要是將Brandon Aaron開發的流行的Dimensions插件的功能移植到了核心庫中。

jQuery 1.3

（2009年1月）：這一版使用了全新的選擇符引擎Sizzle，庫的性能也因此有了極大提升。這一版正式支持事件委托特性。

jQuery 1.3.2

（2009年2月）：這次小版本升級進一步提升了庫的性能，例如改進了：visible/:hidden選擇符、.height()/.width()方法的底層處理機制。另外，也支持查詢的元素按文檔順序返回。

jQuery 1.4

（2010年1月14號）：對代碼庫進行了內部重寫組織，開始建立一些風格規范。老的core.js文件被分為attribute.js,css.js,data.js,manipulation.js,traversing.js和queue.js；CSS和attribute的邏輯分離。

重要變化：

1. Ajax重寫

Ajax模塊完全進行了重寫。新增一個jXHR對象，為不同瀏覽器內置的XMLHttpRequest提供了一致的超集。對于XMLHttpRequest之外的傳輸機制，比如JSONP請求，jXHR對象也可以進行處理。（詳情可以參見：jQuery.ajax文檔）

此外，系統的可擴展性大大增強，可以附加各種數據處理器、過濾器和傳輸機制，為開發新的Ajax插件提供了方便。

2. 延遲對象

延遲對象（Deferred Object，jQuery.Deferred對象）是一個可鏈接的（chainable）實用工具對象，實現了Promise接口，可以在回調隊列中注冊多個回調、調用回調隊列并轉發任何同步/異步函數的成敗狀態。正如Using Deferreds in jQuery 1.5一文中說明的，其結果是在jQuery中能夠將依賴于某個任務（事件）結果的邏輯與任務本身解耦了。這一點在JavaScript中其實并不新鮮，Mochikit和Dojo等已經實現有些日子了。由于jQuery 1.5的Ajax模塊內置使用了延遲對象，因此通過jQuery編寫Ajax程序將自動獲得這一功能。

開發人員借此可以使用無法立即獲得的返回值（如異步Ajax請求的返回結果），而且第一次能夠附加多個事件處理器。

例如，使用了新的jQuery內部Ajax API就可以實現下面的代碼了：

// 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還可以開發自己的延遲對象。更多詳情參見：延遲對象文檔。

3. jQuery.sub()

jQuery 1.5提供了一種創建和修改jQuery副本的方式。可以用來添加不向外部公開的方法，或者對jQuery的某些方法進行重新定義以提供新功能，或者提供更好的封裝、避免名稱空間沖突。當然，也可以用來開發插件，但Resig強烈建議在開發插件之前，先考慮jQuery UI widget工廠。

值得注意的是，sub函數并不提供真正的隔離，所有方法、數據、調用仍然依靠jQuery本身來支持。

4. 遍歷性能提高

在新版本中.children(),.prev(),.next()幾個常用的遍歷函數性能有了顯著提高。

5. 內部開發系統

John Resig還特別提到了jQuery團隊內部開發系統的兩點改變：一是服務器端用Node.js替換了老的Java/Rhino系統，使得團隊可以專注于JavaScript環境的新變化；二是所用的代碼優化程序從Google Closure切換到UglifyJS，新工具的壓縮效果非常令人滿意。

使用方法

jQuery可以下載使用，有兩個版本的 jQuery 可供下載

Production version - 用于實際的網站中，已被精簡和壓縮。

Development version - 用于測試和開發（未壓縮，是可讀的代碼）

jQuery 1.8.0版時壓縮前后的對比

插件機制

jQuery的官方插件是jQuery UI。開發者可以任意擴展jQuery的函數庫或者按照自己的需求開發UI組件。網上已經有數以萬計的jQuery插件，覆蓋各種各樣的需求。例如Ajax輔助、數據表格、動態列表、XML工具、拖曳、cookie處理、彈出層等等。jQuery 的文檔說明很全，而且各種應用也說得很詳細，同時還有許多成熟的插件可供選擇,例如ComponentOne Studio for ASP NET Wijmo.

隨著jQuery插件在網站建設過程中的使用率不斷的增加，所以有必要跟進時代步伐開發出一些新的插件/代碼片段，以此來鞏固并提高前端用戶體驗，將用戶體驗提升到一個新的高度。其中包括Flat jQuery Price Slider、Gmaps jQuery Map Plugin 、FormChimp——MailChimp Ajax plugin for jQuery 等。

控件

jQuery Gantt控件是一個基于原生HTML5/jQuery，功能豐富的控件，該控件真正實現了跨平臺，在許多設備和瀏覽器中無縫的運行。

使用項目甘特圖中內置的調度，依賴等功能實現任務分層列表的可視化。

使用資源甘特圖實現一個資源利用視圖。

使用基于API的jQuery或者基于API的MVC可幫您輕松地安裝甘特圖并加快應用速度。

可與諸如KnockOut(KO),jQuery.tmpl等流行的jQuery模式一同使用。

Jquery主要是做什么的？

jQuery-是輕量級的js庫 ， （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）， jQuery2.0及后續版本將不再支持IE6/7/8瀏覽器。jQuery使用戶能更方便地處理HTML(標準通用的標記語言 下的一個應用）、events、實現動畫效果，并且方便地為網站提供AJAX交互。jQuery還有一個比較大的優勢是，它的文檔說明很全，而且各種應用也說得很詳細，同時還有許多成熟的插件 可供選擇。jQuery能夠使用戶的html頁面保持代碼和html內容分離，也就是說，不用再在html里面插入一堆js來調用命令了，只需要定義id即可

jQuery是一個兼容多瀏覽器的javascript庫，核心理念是write less,do more(寫得更少,做得更多)。jQuery在2006年1月由美國人John Resig在紐約的barcamp發布，吸引了來自世界各地的眾多JavaScript高手加入，由Dave Methvin率領團隊進行開發。如今，jQuery已經成為最流行的javascript庫，在世界前10000個訪問最多的網站中，有超過55%在使用jQuery。

jQuery是免費、開源的，使用MIT許可協議。jQuery的語法設計可以使開發者更加便捷，例如操作文檔對象、選擇DOM元素、制作動畫效果、事件處理、使用Ajax以及其他功能。除此以外，jQuery提供API讓開發者編寫插件。其模塊化的使用方式使開發者可以很輕松的開發出功能強大的靜態或動態網頁。

jQuery，顧名思議，也就是JavaScript和查詢（Query），即是輔助JavaScript開發的庫。

請問jQuery是用來干什么的？

用處：jquery是基于javascript類庫的框架， 它里面提供了許多javascript類庫，和一些css樣式表的封裝， 使用起來比較方便， 簡化了用戶與瀏覽器的交互， 提高了系統的性能和開發效率。

jQuery設計的宗旨是“write Less，Do More”，即倡導寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設計模式，優化HTML文檔操作、事件處理、動畫設計和Ajax交互。

jQuery的核心特性可以總結為：具有獨特的鏈式語法和短小清晰的多功能接口；具有高效靈活的css選擇器，并且可對CSS選擇器進行擴展；擁有便捷的插件擴展機制和豐富的插件。jQuery兼容各種主流瀏覽器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

擴展資料：

語言特點

1、快速獲取文檔元素

jQuery的選擇機制構建于Css的選擇器，它提供了快速查詢DOM文檔中元素的能力，而且大大強化了JavaScript中獲取頁面元素的方式。

2、提供漂亮的頁面動態效果

jQuery中內置了一系列的動畫效果，可以開發出非常漂亮的網頁，許多網站都使用jQuery的內置的效果，比如淡入淡出、元素移除等動態特效。

3、創建AJAX無刷新網頁

AJAX是異步的JavaScript和ML的簡稱，可以開發出非常靈敏無刷新的網頁，特別是開發服務器端網頁時，比如PHP網站，需要往返地與服務器通信，如果不使用AJAX，每次數據更新不得不重新刷新網頁，而使用AJAX特效后，可以對頁面進行局部刷新，提供動態的效果。

參考資料來源：百度百科--jQuery

網頁名稱：jquery工作,jquery工作時間節點表模板
文章源于：http://vcdvsql.cn/article46/dsdsheg.html

成都網站建設公司_創新互聯，為您提供微信公眾號、網站建設、App設計、網站導航、小程序開發、網站制作

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯