選擇器是jQuery最基礎的東西,本文中列舉的選擇器基本上囊括了所有的jQuery選擇器,也許各位通過這篇文章能夠加深對jQuery選擇器的理解,它們本身用法就非常簡單,我更希望的是它能夠提升個人編寫jQuery代碼的效率。本文配合截圖、代碼和簡單的概括對所有jQuery選擇器進行了介紹,也列舉出了一些需要注意和區(qū)分的地方。
創(chuàng)新互聯(lián)2013年開創(chuàng)至今,先為黃平等服務建站,黃平等地企業(yè),進行企業(yè)商務咨詢服務。為黃平企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務解決您的所有建站問題。
一、基本選擇器
1.?id選擇器(指定id元素)
將id="one"的元素背景色設置為黑色。(id選擇器返單個元素)
$(document).ready(function?()?{
$('#one').css('background',?'#000');
});
2.?class選擇器(遍歷css類元素)
將class="cube"的元素背景色設為黑色
$(document).ready(function?()?{
$('.cube').css('background',?'#000');
});
3.?element選擇器(遍歷html元素)
將p元素的文字大小設置為12px
$(document).ready(function?()?{
$('p').css('font-size',?'12px');
});
4.?*?選擇器(遍歷所有元素)
$(document).ready(function?()?{
//?遍歷form下的所有元素,將字體顏色設置為紅色
$('form?*').css('color',?'#FF0000');
});
5.?并列選擇器
$(document).ready(function?()?{
//?將p元素和div元素的margin設為0
$('p,?div').css('margin',?'0');
});
二、?層次選擇器
1.?parent??child(直系子元素)
$(document).ready(function?()?{
//?選取div下的第一代span元素,將字體顏色設為紅色
$('div??span').css('color',?'#FF0000');
});
下面的代碼,只有第一個span會變色,第二個span不屬于div的一代子元素,顏色保持不變。
div
span123/span
p
span456/span
/p
/div
2.?prev?+?next(下一個兄弟元素,等同于next()方法)
$(document).ready(function?()?{
//?選取class為item的下一個div兄弟元素
$('.item?+?div').css('color',?'#FF0000');
//?等價代碼
//$('.item').next('div').css('color',?'#FF0000');
});
下面的代碼,只有123和789會變色
p?class="item"/p
div123/div
div456/div
span?class="item"/span
div789/div
3.?prev?~?siblings(prev元素的所有兄弟元素,等同于nextAll()方法)
$(document).ready(function?()?{
//?選取class為inside之后的所有div兄弟元素
$('.inside?~?div').css('color',?'#FF0000');
//?等價代碼
//$('.inside').nextAll('div').css('color',?'#FF0000');
});
下面的代碼,G2和G4會變色
div?class="inside"G1/div
divG2/div
spanG3/span
divG4/div
三、?過濾選擇器
1.?基本過濾選擇器
——1.1?:first和:last(取第一個元素或最后一個元素)
$(document).ready(function?()?{
$('span:first').css('color',?'#FF0000');
$('span:last').css('color',?'#FF0000');
});
下面的代碼,G1(first元素)和G3(last元素)會變色
spanG1/span
spanG2/span
spanG3/span
——1.2?:not(取非元素)
$(document).ready(function?()?{
$('div:not(.wrap)').css('color',?'#FF0000');
});
下面的代碼,G1會變色
divG1/div
div?class="wrap"G2/div
但是,請注意下面的代碼:
div
G1
div?class="wrap"G2/div
/div
當G1所在div和G2所在div是父子關系時,G1和G2都會變色。
——1.3?:even和:odd(取偶數(shù)索引或奇數(shù)索引元素,索引從0開始,even表示偶數(shù),odd表示奇數(shù))
$(document).ready(function?()?{
$('tr:even').css('background',?'#EEE');?//?偶數(shù)行顏色
$('tr:odd').css('background',?'#DADADA');?//?奇數(shù)行顏色
});
A、C行顏色#EEE(第一行的索引為0),B、D行顏色#DADADA
table?width="200"?cellpadding="0"?cellspacing="0"
tbody
trtdA/td/tr
trtdB/td/tr
trtdC/td/tr
trtdD/td/tr
/tbody
/table
——1.4?:eq(x)?(取指定索引的元素)
$(document).ready(function?()?{
$('tr:eq(2)').css('background',?'#FF0000');
});
更改第三行的背景色,在上面的代碼中C的背景會變色。
——1.5?:gt(x)和:lt(x)(取大于x索引或小于x索引的元素)
$(document).ready(function?()?{
$('ul?li:gt(2)').css('color',?'#FF0000');
$('ul?li:lt(2)').css('color',?'#0000FF');
});
L4和L5會是紅色,L1和L2會是藍色,L3是默認顏色
ul
liL1/li
liL2/li
liL3/li
liL4/li
liL5/li
/ul
——1.6?:header(取H1~H6標題元素)
$(document).ready(function?()?{
$(':header').css('background',?'#EFEFEF');
});
下面的代碼,H1~H6的背景色都會變
h1H1/h1
h2H2/h2
h3H3/h3
h4H4/h4
h5H5/h5
h6H6/h6
2.?內(nèi)容過濾選擇器
——2.1?:contains(text)(取包含text文本的元素)
$(document).ready(function?()?{
//?dd元素中包含"jQuery"文本的會變色
$('dd:contains("jQuery")').css('color',?'#FF0000');
});
下面的代碼,第一個dd會變色
dl
dt技術/dt
ddjQuery,?.NET,?CLR/dd
dtSEO/dt
dd關鍵字排名/dd
dt其他/dt
dd/dd
/dl
——2.2?:empty(取不包含子元素或文本為空的元素)
$(document).ready(function?()?{
$('dd:empty').html('沒有內(nèi)容');
});
上面第三個dd會顯示"沒有內(nèi)容"文本
——2.3?:has(selector)(取選擇器匹配的元素)
$(document).ready(function?()?{
//?為包含span元素的div添加邊框
$('div:has(span)').css('border',?'1px?solid?#000');
});
即使span不是div的直系子元素,也會生效
div
h2
A
spanB/span
/h2
/div
——2.4?:parent(取包含子元素或文本的元素)
$(document).ready(function?()?{
$('ol?li:parent').css('border',?'1px?solid?#000');
});
下面的代碼,A和D所在的li會有邊框
ol
li/li
liA/li
li/li
liD/li
/ol
3.?可見性過濾選擇器
——3.1?:hidden(取不可見的元素)
jQuery至1.3.2之后的:hidden選擇器僅匹配display:none或input?type="hidden"?/的元素,而不匹配visibility:?hidden或opacity:0的元素。這也意味著hidden只匹配那些“隱藏的”并且不占空間的元素,像visibility:hidden或opactity:0的元素占據(jù)了空間,會被排除在外。
參照:
下面的代碼,先彈出"hello"對話框,然后hid-1會顯示,hid-2仍然是不可見的。
html?xmlns=""?
head?runat="server"
title/title
style?type="text/css"
div
{
margin:?10px;
width:?200px;
height:?40px;
border:?1px?solid?#FF0000;
display:block;
}
.hid-1
{
display:?none;
}
.hid-2
{
visibility:?hidden;
}
/style
script?type="text/javascript"?src="js/jquery.min.js"/script
script?type="text/javascript"
$(document).ready(function()?{
$('div:hidden').show(500);
alert($('input:hidden').val());
});
/script
/head
body
div?class="hid-1"display:?none/div
div?class="hid-2"visibility:?hidden/div
input?type="hidden"?value="hello"/
/body
/html
——3.2?:visible(取可見的元素)
下面的代碼,最后一個div會有背景色
script?type="text/javascript"
$(document).ready(function()?{
$('div:visible').css('background',?'#EEADBB');
});
/script
div?class="hid-1"display:?none/div
div?class="hid-2"visibility:?hidden/div
input?type="hidden"?value="hello"/
div
jQuery選擇器大全
/div
4.?屬性過濾選擇器
——4.1?[attribute](取擁有attribute屬性的元素)
下面的代碼,最后一個a標簽沒有title屬性,所以它仍然會帶下劃線
script?type="text/javascript"
$(document).ready(function()?{
$('a[title]').css('text-decoration',?'none');
});
/script???????
ul
lia?href="#"?title="DOM對象和jQuery對象"?class="item"DOM對象和jQuery對象/a/li
lia?href="#"?title="jQuery選擇器大全"?class="item-selected"jQuery選擇器大全/a/li
lia?href="#"?title="jQuery事件大全"?class="item"jQuery事件大全/a/li
lia?href="#"?title="基于jQuery的插件開發(fā)"?class="item"基于jQuery的插件開發(fā)/a/li
lia?href="#"?title="Wordpress??jQuery"?class="item"Wordpress??jQuery/a/li
lia?href="#"?class="item"其他/a/li
/ul
——4.2?[attribute?=?value]和[attribute?!=?value](取attribute屬性值等于value或不等于value的元素)
分別為class="item"和class!=item的a標簽指定文字顏色
用處:jquery是基于javascript類庫的框架, 它里面提供了許多javascript類庫,和一些css樣式表的封裝, 使用起來比較方便, 簡化了用戶與瀏覽器的交互, 提高了系統(tǒng)的性能和開發(fā)效率。
jQuery設計的宗旨是“write Less,Do More”,即倡導寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設計模式,優(yōu)化HTML文檔操作、事件處理、動畫設計和Ajax交互。
jQuery的核心特性可以總結為:具有獨特的鏈式語法和短小清晰的多功能接口;具有高效靈活的css選擇器,并且可對CSS選擇器進行擴展;擁有便捷的插件擴展機制和豐富的插件。jQuery兼容各種主流瀏覽器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
擴展資料:
語言特點
1、快速獲取文檔元素
jQuery的選擇機制構建于Css的選擇器,它提供了快速查詢DOM文檔中元素的能力,而且大大強化了JavaScript中獲取頁面元素的方式。
2、提供漂亮的頁面動態(tài)效果
jQuery中內(nèi)置了一系列的動畫效果,可以開發(fā)出非常漂亮的網(wǎng)頁,許多網(wǎng)站都使用jQuery的內(nèi)置的效果,比如淡入淡出、元素移除等動態(tài)特效。
3、創(chuàng)建AJAX無刷新網(wǎng)頁
AJAX是異步的JavaScript和ML的簡稱,可以開發(fā)出非常靈敏無刷新的網(wǎng)頁,特別是開發(fā)服務器端網(wǎng)頁時,比如PHP網(wǎng)站,需要往返地與服務器通信,如果不使用AJAX,每次數(shù)據(jù)更新不得不重新刷新網(wǎng)頁,而使用AJAX特效后,可以對頁面進行局部刷新,提供動態(tài)的效果。
參考資料來源:百度百科--jQuery
JQuery判斷值中是否包含某個值的方法是利用contains函數(shù):
1、定義一個源字符串:
var testStr = "This is a test";
2、利用contains方法測試是否含有test字樣:
if(testStr.contains("test")){
alert("String Found");
}
3、結果是:
彈出窗口顯示:String Found
JQuery是繼prototype之后又一個優(yōu)秀的Javascript庫。它是輕量級的js庫 ,它兼容CSS3,還兼容各種瀏覽器(IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后續(xù)版本將不再支持IE6/7/8瀏覽器。jQuery使用戶能更方便地處理HTML(標準通用標記語言下的一個應用)、events、實現(xiàn)動畫效果,并且方便地為網(wǎng)站提供AJAX交互。jQuery還有一個比較大的優(yōu)勢是,它的文檔說明很全,而且各種應用也說得很詳細,同時還有許多成熟的插件可供選擇。jQuery能夠使用戶的html頁面保持代碼和html內(nèi)容分離,也就是說,不用再在html里面插入一堆js來調(diào)用命令了,只需要定義id即可。
jQuery是一個兼容多瀏覽器的javascript庫,核心理念是write less,do more(寫得更少,做得更多)。jQuery在2006年1月由美國人John Resig在紐約的barcamp發(fā)布,吸引了來自世界各地的眾多JavaScript高手加入,由Dave Methvin率領團隊進行開發(fā)。如今,jQuery已經(jīng)成為最流行的javascript庫,在世界前10000個訪問最多的網(wǎng)站中,有超過55%在使用jQuery。
jQuery是免費、開源的,使用MIT許可協(xié)議。jQuery的語法設計可以使開發(fā)更加便捷,例如操作文檔對象、選擇DOM元素、制作動畫效果、事件處理、使用Ajax以及其他功能。除此以外,jQuery提供API讓開發(fā)者編寫插件。其模塊化的使用方式使開發(fā)者可以很輕松的開發(fā)出功能強大的靜態(tài)或動態(tài)網(wǎng)頁。
jQuery,顧名思義,也就是JavaScript和查詢(Query),即是輔助JavaScript開發(fā)的庫。
歷史
大概在 1992 年,一家稱作 Nombas 的公司開發(fā)了一種叫做 C 減減(C-minus-minus,簡稱 Cmm)的嵌入式腳本語言。Cmm 背后的理念很簡單:一個足夠強大可以替代宏操作(macro)的腳本語言,同時保持與 C (和 C ++)足夠的相似性,以便開發(fā)人員能很快學會。這個腳本語言捆綁在一個叫做 CEnvi 的共享軟件中,它首次向開發(fā)人員展示了這種語言的威力。
Nombas 最終把 Cmm 的名字改成了 ScriptEase,原因是后面的部分(mm)聽起來過于消極,同時字母 C “令人害怕”。
當 Netscape Navigator 嶄露頭角時,Nombas 開發(fā)了一個可以嵌入網(wǎng)頁中的 CEnvi 的版本。這些早期的試驗被稱為 Espresso Page(濃咖啡般的頁面),它們代表了第一個在萬維網(wǎng)上使用的客戶端語言。而 Nombas 絲毫沒有料到它的理念將會成為萬維網(wǎng)的一塊重要基石。
當網(wǎng)上沖浪越來越流行時,對于開發(fā)客戶端腳本的需求也逐漸增大。此時,大部分因特網(wǎng)用戶還僅僅通過 28.8 kbit/s 的調(diào)制解調(diào)器連接到網(wǎng)絡,即便這時網(wǎng)頁已經(jīng)不斷地變得更大和更復雜。而更加加劇用戶痛苦的是,僅僅為了簡單的表單有效性驗證,就要與服務器進行多次地往返交互。設想一下,用戶填完一個表單,點擊提交按鈕,等待了 30 秒的處理后,看到的卻是一條告訴你忘記填寫一個必要的字段。
那時正處于技術革新最前沿的 Netscape,開始認真考慮開發(fā)一種客戶端腳本語言來解決簡單的處理問題。
當時工作于 Netscape 的 Brendan Eich,開始著手為即將在 1995 年發(fā)行的 Netscape Navigator 2.0 開發(fā)一個稱之為 LiveScript 的腳本語言,當時的目的是在瀏覽器和服務器(本來要叫它 LiveWire)端使用它。Netscape 與 Sun 及時完成 LiveScript 實現(xiàn)。
就在 Netscape Navigator 2.0 即將正式發(fā)布前,Netscape 將其更名為 JavaScript,目的是為了利用 Java 這個因特網(wǎng)時髦詞匯。Netscape 的賭注最終得到回報,JavaScript 從此變成了因特網(wǎng)的必備組件。
因為 JavaScript 1.0 如此成功,Netscape 在 Netscape Navigator 3.0 中發(fā)布了 1.1 版。恰巧那個時候,微軟決定進軍瀏覽器,發(fā)布了 IE 3.0 并搭載了一個 JavaScript 的克隆版,叫做 JScript(這樣命名是為了避免與 Netscape 潛在的許可糾紛)。微軟步入 Web 瀏覽器領域的這重要一步雖然令其聲名狼藉,但也成為 JavaScript 語言發(fā)展過程中的重要一步。
在微軟進入后,有 3 種不同的 JavaScript 版本同時存在:Netscape Navigator 3.0 中的 JavaScript、IE 中的 JScript 以及 CEnvi 中的 ScriptEase。與 C 和其他編程語言不同的是,JavaScript 并沒有一個標準來統(tǒng)一其語法或特性,而這 3 種不同的版本恰恰突出了這個問題。隨著業(yè)界擔心的增加,這個語言的標準化顯然已經(jīng)勢在必行。
2006年1月,jQuery的第一個版本面世,至今已經(jīng)有10年多了(注:這個時間點是截止至出書時間)。雖然過了這么久,但它依然以其簡潔、靈活的編程風格讓人一見傾心。在本篇文章中,我們將講述jQuery的發(fā)展 歷史 ,讓讀者對jQuery有更多的了解。
在jQuery迅速發(fā)展的同時,一些大的廠商也看中了商機。2009年9月,微軟和諾基亞公司正式宣布支持開源的jQuery庫,另外,微軟公司還宣稱他們將把jQuery作為Visual Studio工具集的一部分。他將提供包括jQuery的智能提示、代碼片段、示例文檔編制等內(nèi)容在內(nèi)的功能。微軟和諾基亞公司將長期成為jQuery的用戶成員,其他成員還有Google,Intel,IBM,Intuit等公司。
2009年1月,jQuery 1.3版發(fā)布,它使用了全新的選擇符引擎Sizzle,在各個瀏覽器下全面超越其他同類型JavaScript框架的查詢速度,程序庫的性能也因此有了極大提升。這一版本的第2個變化就是提供live()方法,使用live()方法可以為當前及將來增加的元素綁定事件,在1.3版之前,如果要為將來增加的元素綁定事件,需要使用livequery插件,而在1.3版中,可以直接用live()方法?!?005年8月,John Resig提議改進Prototype的“Behaviour”庫,于是他在blog上發(fā)表了自己的想法,并用了3個例子做說明。
2010年2月,jQuery 1.4.2版發(fā)布,它新增了有關事件委托的兩個方法:delegate()和undelegate()。delegate()用于替代1.3.2中的live()方法。這個方法比live()來的方便,而且也可以達到動態(tài)添加事件的作用。比如給表格的每個td綁定hover事件
特點
1.動態(tài)特效
2.AJAX
3.通過插件來擴展
4.方便的工具 - 例如瀏覽器版本判斷
5.漸進增強
6.鏈式調(diào)用
7.多瀏覽器支持,支持Internet Explorer6.0+、Opera9.0+、Firefox2+、Safari2.0+、Chrome1.0+(在2.0.0中取消了對Internet Explorer6,7,8的支持)
歷史 版本
jQuery 1.0
(2006年8月):該庫的第一個穩(wěn)定版本,已經(jīng)具有了對CSS選擇符、事件處理和AJAX交互的穩(wěn)健支持。
jQuery 1.1
(2007年1月):這一版大幅簡化了API。許多較少使用的方法被合并,減少了需要掌握和解釋的方法數(shù)量。
jQuery 1.1.3
(2007年7月):這次小版本變化包含了對jQuery選擇符引擎執(zhí)行速度的顯著提升。從這個版本開始,jQuery的性能達到了Prototype、Mootools以及Dojo等同類JavaScript庫的水平。
jQuery 1.2
(2007年9月):這一版去掉了對XPath選擇符的支持,原因是相對于CSS語法它已經(jīng)變得多余了。這一版能夠支持對效果的更靈活定制,而且借助新增的命名空間事件,也使插件開發(fā)變得更容易。
jQuery UI(2007年9月):這個新的插件套件是作為曾經(jīng)流行但已過時的Interface插件的替代項目而發(fā)布的。jQuery UI中包含大量預定義好的部件(widget),以及一組用于構建高級元素(例如可拖放的界面元素)的工具。
jQuery 1.2.6
(2008年5月):這一版主要是將Brandon Aaron開發(fā)的流行的Dimensions插件的功能移植到了核心庫中。
jQuery 1.3
(2009年1月):這一版使用了全新的選擇符引擎Sizzle,庫的性能也因此有了極大提升。這一版正式支持事件委托特性。
jQuery 1.3.2
(2009年2月):這次小版本升級進一步提升了庫的性能,例如改進了:visible/:hidden選擇符、.height()/.width()方法的底層處理機制。另外,也支持查詢的元素按文檔順序返回。
jQuery 1.4
(2010年1月14號):對代碼庫進行了內(nèi)部重寫組織,開始建立一些風格規(guī)范。老的core.js文件被分為attribute.js,css.js,data.js,manipulation.js,traversing.js和queue.js;CSS和attribute的邏輯分離。
重要變化:
1. Ajax重寫
Ajax模塊完全進行了重寫。新增一個jXHR對象,為不同瀏覽器內(nèi)置的XMLHttpRequest提供了一致的超集。對于XMLHttpRequest之外的傳輸機制,比如JSONP請求,jXHR對象也可以進行處理。(詳情可以參見: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)隊列并轉發(fā)任何同步/異步函數(shù)的成敗狀態(tài)。正如Using Deferreds in jQuery 1.5一文中說明的,其結果是在jQuery中能夠將依賴于某個任務(事件)結果的邏輯與任務本身解耦了。這一點在JavaScript中其實并不新鮮,Mochikit和Dojo等已經(jīng)實現(xiàn)有些日子了。由于jQuery 1.5的Ajax模塊內(nèi)置使用了延遲對象,因此通過jQuery編寫Ajax程序將自動獲得這一功能。
開發(fā)人員借此可以使用無法立即獲得的返回值(如異步Ajax請求的返回結果),而且第一次能夠附加多個事件處理器。
例如,使用了新的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的某些方法進行重新定義以提供新功能,或者提供更好的封裝、避免名稱空間沖突。當然,也可以用來開發(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團隊內(nèi)部開發(fā)系統(tǒng)的兩點改變:一是服務器端用Node.js替換了老的Java/Rhino系統(tǒng),使得團隊可以專注于JavaScript環(huán)境的新變化;二是所用的代碼優(yōu)化程序從Google Closure切換到UglifyJS,新工具的壓縮效果非常令人滿意。
使用方法
jQuery可以下載使用,有兩個版本的 jQuery 可供下載
Production version - 用于實際的網(wǎng)站中,已被精簡和壓縮。
Development version - 用于測試和開發(fā)(未壓縮,是可讀的代碼)
jQuery 1.8.0版時壓縮前后的對比
插件機制
jQuery的官方插件是jQuery UI。開發(fā)者可以任意擴展jQuery的函數(shù)庫或者按照自己的需求開發(fā)UI組件。網(wǎng)上已經(jīng)有數(shù)以萬計的jQuery插件,覆蓋各種各樣的需求。例如Ajax輔助、數(shù)據(jù)表格、動態(tài)列表、XML工具、拖曳、cookie處理、彈出層等等。jQuery 的文檔說明很全,而且各種應用也說得很詳細,同時還有許多成熟的插件可供選擇,例如ComponentOne Studio for ASP NET Wijmo.
隨著jQuery插件在網(wǎng)站建設過程中的使用率不斷的增加,所以有必要跟進時代步伐開發(fā)出一些新的插件/代碼片段,以此來鞏固并提高前端用戶體驗,將用戶體驗提升到一個新的高度。其中包括Flat jQuery Price Slider、Gmaps jQuery Map Plugin 、FormChimp——MailChimp Ajax plugin for jQuery 等。
控件
jQuery Gantt控件是一個基于原生HTML5/jQuery,功能豐富的控件,該控件真正實現(xiàn)了跨平臺,在許多設備和瀏覽器中無縫的運行。
使用項目甘特圖中內(nèi)置的調(diào)度,依賴等功能實現(xiàn)任務分層列表的可視化。
使用資源甘特圖實現(xiàn)一個資源利用視圖。
使用基于API的jQuery或者基于API的MVC可幫您輕松地安裝甘特圖并加快應用速度。
可與諸如KnockOut(KO),jQuery.tmpl等流行的jQuery模式一同使用。