(1)jQuery是一個js庫,主要提供的功能是選擇器,屬性修改和事件綁定等。

成都創(chuàng)新互聯(lián)是一家專注于網(wǎng)站建設(shè)、網(wǎng)站設(shè)計與策劃設(shè)計,杏花嶺網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10多年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:杏花嶺等地區(qū)。杏花嶺做網(wǎng)站價格咨詢:18980820575
(2)jQuery UI則是在jQuery的基礎(chǔ)上,利用jQuery的擴展性,設(shè)計的插件。提供了一些常用的界面元素,諸如對話框、拖動行為、改變大小行為等。
在運用中會有閉包, 由于函數(shù)內(nèi)部定義變量作用域問題,如果外部想用這個內(nèi)部函數(shù)創(chuàng)建的一個變量;那就需要在這個函數(shù)內(nèi)部在創(chuàng)建一個函數(shù),創(chuàng)建的這個函數(shù)相當(dāng)于一個橋梁把內(nèi)部外部函數(shù)的變量拋出,這樣就解決了不能訪問這個變量的問題,那這個內(nèi)部函數(shù)就稱為閉包。
其具體特性如下:
a.函數(shù)內(nèi)再嵌套函數(shù)
b.內(nèi)部函數(shù)可以引用外層的參數(shù)和變量
c.參數(shù)和變量不會被垃圾回收機制回收
概括的說,閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù),在本質(zhì)上,它是將函數(shù)內(nèi)部和函數(shù)外部連接起來的一座橋梁。
1)Twitter Bootstrap
Bootstrap是最流行的HTML5框架之一。這是一款用于Web開發(fā)的時尚、直觀、強大的前端框架。它有著用于開發(fā)響應(yīng)式網(wǎng)站的所有組件,如12列響應(yīng)式網(wǎng)格、定制jQuery插件、bootstrap編輯器等等。
2)HTML5 Boilerplate
HTML5 Boilerplate能幫助我們構(gòu)建快速、可適應(yīng)的Web應(yīng)用和網(wǎng)站。它提供了優(yōu)秀的網(wǎng)站性能和獨立的服務(wù)器維護配置。它可以幫助你開展新的項目。
3)Foundation
Foundation是當(dāng)今世界最先進的響應(yīng)式前端框架。我們可以通過構(gòu)建面向小型設(shè)備的網(wǎng)站來使用此HTML5架構(gòu)。它也可用于靈活和響應(yīng)式的網(wǎng)站
4)UIKit
UIKit是一款輕量級,模塊化的前端框架,可快速構(gòu)建強大的web前端界面。UIKit提供了全面的HTML、CSS和JS組件,使用和定制都很方便。
5)HTML5 KickStart
HTML5 KickStart有著精簡的HTML5、CSS和JS的構(gòu)建模塊,支持快速制作網(wǎng)站。它小小的程序包中囊括了響應(yīng)式網(wǎng)格布局、觸摸功能的幻燈片等等
6)Gumby
Gumby2是一個非常了不起的響應(yīng)式CSS框架。Gumby框架也允許定制:這和下載、調(diào)整、部署一樣簡單!Gumby2建立在Sass的基礎(chǔ)上。
7)Skeleton
Skeleton簡單又友好,可用于開發(fā)HTML5網(wǎng)站和移動應(yīng)用。它有一個CSS文件的小集合,能讓你快速開發(fā)出任意大小的網(wǎng)站。
8)Groundwork
Groundwork是一款響應(yīng)HTML5、CSS和JavaScript的框架,擁有如網(wǎng)格系統(tǒng),高度可定制化,響應(yīng)式文本等等功能。
9)Base
Base是一款基于語義的、輕量級的和可擴展的框架,可用于快速創(chuàng)建響應(yīng)式站點。
10)Montage
Montage是一款支持構(gòu)建現(xiàn)代化Web應(yīng)用程序的HTML5框架。它能協(xié)助你開發(fā)出可擴展和可維護的HTML5應(yīng)用。它擁有如可重用的組件和HTML模板,聲明組件模型,聲明數(shù)據(jù)綁定等功能。
11)Layers CSS
Layers CSS是輕量級的CSS框架,它不強調(diào)任何設(shè)計但是可以用來處理主要結(jié)構(gòu)。它擁有流動網(wǎng)格和一些簡單的類,以支持響應(yīng)式布局。
12)52Framework
52Framework是一款旨在提供用簡單方法通過HTML5和CSS3構(gòu)建響應(yīng)式網(wǎng)頁,同時支持所有現(xiàn)代瀏覽器的HTML5框架。它里面有多種超棒的組件,如HTML5視頻播放器,圓角,HTML5畫布例子,HTML5表單驗證等等等等。
13)CreateJS
CreateJS是一系列模塊化的庫和工具,經(jīng)由HTML5的Web技術(shù)生成豐富多彩的交互式內(nèi)容。它有HTML5音頻,對象管理,漸變等功能。CreateJS套件包括:EaselJS,TweenJS,SoundJS,PreloadJS和Zoe。
14)Kube
Kube Framework只有一個CSS文件。它的美麗就源于它的簡單。對開發(fā)人員擁有最大的靈活性和定制,并提供LESS文件。
15)Less Framework
Less Framework是一個現(xiàn)代化的前端框架,用于構(gòu)建響應(yīng)式的設(shè)計。它也是一款支持設(shè)計自適應(yīng)網(wǎng)站的CSS網(wǎng)格系統(tǒng)。它含有通通基于單網(wǎng)格的4款布局和3套預(yù)設(shè)排版
16)SkelJS
skelJS是一款輕量級的前端框架,用于構(gòu)建響應(yīng)式網(wǎng)站和app。
jquery 插件就是一些人用jquery寫的一些工具,常見的是jquery UI和jquery easyui,我們在調(diào)用時只需要用很少的代碼就能實現(xiàn)很好的效果。
如easyui的datagrid、combobox、tree等可以實現(xiàn)表格、下拉框、樹等形狀及需要的操作。
附:easyui官網(wǎng)
可以在網(wǎng)站里面下載demo、觀看一些特效、下載插件js等。
jQuery插件開發(fā)全解析 jQuery插件的開發(fā)包括兩種:
一種是類級別的插件開發(fā),即給jQuery添加新的全局函數(shù),相當(dāng)于給jQuery類本身添加方法。jQuery 的全局函數(shù)就是屬于jQuery命名空間的函數(shù)。
另一種是對象級別的插件開發(fā),即給jQuery對象添加方法。
國產(chǎn)jQuery UI框架 (jUI)?DWZDWZ富客戶端框架(jQuery RIA framework), 是中國人自己開發(fā)的基于jQuery實現(xiàn)的Ajax RIA開源框架. 設(shè)計目標(biāo)是簡單實用,快速開發(fā),降低ajax開發(fā)成本。 歡迎大家提出建議,我們將在下一版本中進一步調(diào)整和完善功能.共同推進國內(nèi)整體ajax開發(fā)水平。
2.jQuery的界面插件?Ninja UI
jQuery 是一個非常優(yōu)秀的 JavaScript 框架,而且還有相當(dāng)多的插件。其中的一些UI插件也相當(dāng)?shù)慕o力,比如 Ninja UI,是一款界面插件,使用它將能給你的項目增色不少。此插件包含有幻燈,智能提示等常見的效果。
3.jQuery的UI框架?Chico UI
和 jQuery UI 一樣,Chico UI 包含 auto-complete, blink, carousel, countdown, date-picker, dropdown, expand, calendar 等諸多逐漸,同時還提供一個 CSS 布局框架,用于實現(xiàn)網(wǎng)頁布局和表格。
4.jQuery UI 組件庫?PrimeUI
PrimeUI 是 PrimeFaces 團隊的一個 jQuery UI 組件庫,目前包含多個 UI 部件
5.Jquery的UI庫?w2ui
基于Jquery的UI庫,包含常用UI組件,如:布局、表格、樹形、Tabs、工具條、彈出菜單、表單等等。
采用Html5 + CSS3編寫,可以支持常用的瀏覽器,如:Chrome、FireFox7+、Safari 5+和IE 9+等。
6.jQuery UI組件?jQuery UI
jQueryUI 是一套 jQuery 的頁面 UI 插件,包含很多種常用的頁面空間,例如 Tabs(如本站首頁右上角部分) 、拉簾效果(本站首頁左上角)、對話框、拖放效果、日期選擇、顏色選擇、數(shù)據(jù)排序、窗體大小調(diào)整等等非常多的內(nèi)容。
7.jQuery的UI工具包?jQuery Tools
jQuery easyui 為網(wǎng)頁開發(fā)提供了一堆的常用UI組件,包括菜單、對話框、布局、窗簾、表格、表單等等組件,
8.jQuery的UI框架?Liger UI
LigerUI是基于jQuery開發(fā)的一系列控件組,包括表單、布局、表格等等常用UI控件 使用LigerUI可以快速創(chuàng)建風(fēng)格統(tǒng)一的界面效果
9.快速開發(fā)WebUI?jQuery MiniUI
jQuery MiniUI - 快速開發(fā)WebUI。
包含控件:DataGrid、Tree、TreeGrid、Menu、Toolbar、Tabs、Layout、Panel、DatePicker、ComboBox、TreeSelect、TextBoxList等。
典型應(yīng)用:頁面布局、CRUD、Master/Detail、數(shù)據(jù)驗證等。
10.jQuery的UI插件?Smart UI
JQuery Smart UI是基于JQuery的Ajax開發(fā)框架,實現(xiàn)前、后臺分離、功能和數(shù)據(jù)分離,UI層全部使用htm+js+json完成,通過一個統(tǒng)一數(shù)據(jù)接口與服務(wù)端進行數(shù)據(jù)交換。
//200多個插件如下?實際開發(fā)中?請選擇合適的使用
1:文件上傳類jQuery插件
Ajax?File?Upload.
jQUploader.
Multiple?File?Upload?plugin.
jQuery?File?Style.
Styling?an?input?type?file.
Progress?Bar?Plugin.
2:表單驗證類jQuery插件
jQuery?Validation.
Auto?Help.
Simple?jQuery?form?validation.
jQuery?XAV?–?form?validations.
jQuery?AlphaNumeric.
Masked?Input.
TypeWatch?Plugin.
Text?limiter?for?form?fields.
Ajax?Username?Check?with?jQuery.
3:表單選擇框類jQuery插件
jQuery?Combobox.
jQuery?controlled?dependent?(or?Cascadign)?Select?List.
Multiple?Selects.
Select?box?manipulation.
Select?Combo?Plugin.
jQuery?–?LinkedSelect
Auto-populate?multiple?select?boxes.
Choose?Plugin?(Select?Replacement).
4:表單基本、輸入框、選擇框等jQuery插件
jQuery?Form?Plugin.
jQuery-Form.
jLook?Nice?Forms.
jNice.
Ping?Plugin.
Toggle?Form?Text.
ToggleVal.
jQuery?Field?Plugin.
jQuery?Form’n?Field?plugin.
jQuery?Checkbox?manipulation.
jTagging.
jQuery?labelcheck.
Overlabel.
3?state?radio?buttons.
ShiftCheckbox?jQuery?Plugin.
Watermark?Input.
jQuery?Checkbox?(checkboxes?with?imags).
jQuery?SpinButton?Control.
jQuery?Ajax?Form?Builder.
jQuery?Focus?Fields.
jQuery?Time?Entry.
5:時間、日期和顏色選取類jQuery插件
jQuery?UI?Datepicker.
jQuery?date?picker?plugin.
jQuery?Time?Picker.
Time?Picker.
ClickPick.
TimePicker.
Farbtastic?jQuery?Color?Picker?Plugin.
Color?Picker?by?intelliance.fr.
6:投票類jQuery插件
jQuery?Star?Rating?Plugin.
jQuery?Star?Rater.
Content?rater?with?asp.net,?ajax?and?jQuery.
Half-Star?Rating?Plugin.
7:搜索類jQuery插件
jQuery?Suggest.
jQuery?Autocomplete.
jQuery?Autocomplete?Mod.
jQuery?Autocomplete?by?AjaxDaddy.
jQuery?Autocomplete?Plugin?with?HTML?formatting.
jQuery?Autocompleter.
AutoCompleter?(Tutorial?with?PHPMySQL).
quick?Search?jQuery?Plugin.
8:jQuery編輯器插件
jTagEditor.
WYMeditor.
jQuery?jFrame.
Jeditable?–?edit?in?place?plugin?for?jQuery.
jQuery?editable.
jQuery?Disable?Text?Select?Plugin.
Edit?in?Place?with?Ajax?using?jQuery.
jQuery?Plugin?–?Another?In-Place?Editor.
TableEditor.
tEditable?–?in?place?table?editing?for?jQuery.
9:多媒體、視頻、Flash等類jQuery插件
jMedia?–?accessible?multi-media?embedding.
JBEdit?–?Ajax?online?Video?Editor.
jQuery?MP3?Plugin.
jQuery?Media?Plugin.
jQuery?Flash?Plugin.
Embed?QuickTime.
SVG?Integration.
圖片類jQuery插件
ThickBox.
jQuery?lightBox?plugin.
jQuery?Image?Strip.
jQuery?slideViewer.
jQuery?jqGalScroll?2.0.
jQuery?–?jqGalViewII.
jQuery?–?jqGalViewIII.
jQuery?Photo?Slider.
jQuery?Thumbs?–?easily?create?thumbnails.
jQuery?jQIR?Image?Replacement.
jCarousel?Lite.
jQPanView.
jCarousel.
Interface?Imagebox.
Image?Gallery?using?jQuery,?Interface??Reflactions.
simple?jQuery?Gallery.
jQuery?Gallery?Module.
EO?Gallery.
jQuery?ScrollShow.
jQuery?Cycle?Plugin.
jQuery?Flickr.
jQuery?Lazy?Load?Images?Plugin.
Zoomi?–?Zoomable?Thumbnails.
jQuery?Crop?–?crop?any?image?on?the?fly.
Image?Reflection.
10:Google地圖類jQuery插件應(yīng)用
jQuery?Plugin?googlemaps.
jMaps?jQuery?Maps?Framework.
jQmaps.
jQuery??Google?Maps.
jQuery?Maps?Interface?forr?Google?and?Yahoo?maps.
jQuery?J?Maps?–?by?Tane?Piper.
11:游戲類jQuery插件
Tetris?with?jQuery.
jQuery?Chess.
Mad?Libs?Word?Game.
jQuery?Puzzle.
jQuery?Solar?System?(not?a?game?but?awesome?jQuery?Stuff).
12:表格,網(wǎng)格類jQuery插件
UI/Tablesorter.
jQuery?ingrid.
jQuery?Grid?Plugin.
Table?Filter?–?awesome!.
TableEditor.
jQuery?Tree?Tables.
Expandable?“Detail”?Table?Rows.
Sortable?Table?ColdFusion?Costum?Tag?with?jQuery?UI.
jQuery?Bubble.
TableSorter.
Scrollable?HTML?Table.
jQuery?column?Manager?Plugin.
jQuery?tableHover?Plugin.
jQuery?columnHover?Plugin.
jQuery?Grid.
TableSorter?plugin?for?jQuery.
tEditable?–?in?place?table?editing?for?jQuery.
jQuery?charToTable?Plugin.
jQuery?Grid?Column?Sizing.
jQuery?Grid?Row?Sizing.
13:統(tǒng)計類jQuery插件
jQuery?Wizard?Plugin?.
jQuery?Chart?Plugin.
Bar?Chart.
14:邊框、圓角、背景類jQuery插件
jQuery?Corner.
jQuery?Curvy?Corner.
Nifty?jQuery?Corner.
Transparent?Corners.
jQuery?Corner?Gallery.
Gradient?Plugin.
14:文字和超鏈接類jQuery插件
jQuery?Spoiler?plugin.
Text?Highlighting.
Disable?Text?Select?Plugin.
jQuery?Newsticker.
Auto?line-height?Plugin.
Textgrad?–?a?text?gradient?plugin.
LinkLook?–?a?link?thumbnail?preview.
pager?jQuery?Plugin.
shortKeys?jQuery?Plugin.
jQuery?Biggerlink.
jQuery?Ajax?Link?Checker.
15:文本提示類jQuery插件
jQuery?Plugin?–?Tooltip.
jTip?–?The?jQuery?Tool?Tip.
clueTip.
BetterTip.
Flash?Tooltips?using?jQuery.
ToolTip.
16:菜單和導(dǎo)航類jQuery插件
jQuery?Tabs?Plugin?–?awesome!?.?[demo?nested?tabs.]
another?jQuery?nested?Tab?Set?example?(based?on?jQuery?Tabs?Plugin).
jQuery?idTabs.
jdMenu?–?Hierarchical?Menu?Plugin?for?jQuery.
jQuery?SuckerFish?Style.
jQuery?Plugin?Treeview.
treeView?Basic.
FastFind?Menu.
Sliding?Menu.
Lava?Lamp?jQuery?Menu.
jQuery?iconDock.
jVariations?Control?Panel.
ContextMenu?plugin.
clickMenu.
CSS?Dock?Menu.
jQuery?Pop-up?Menu?Tutorial.
Sliding?Menu.
17:幻燈片、手風(fēng)琴特效類jQuery插件
jQuery?Plugin?Accordion.
jQuery?Accordion?Plugin?Horizontal?Way.
haccordion?–?a?simple?horizontal?accordion?plugin?for?jQuery.
Horizontal?Accordion?by?portalzine.de.
HoverAccordion.
Accordion?Example?from?fmarcia.info.
jQuery?Accordion?Example.
jQuery?Demo?–?Expandable?Sidebar?Menu.
Sliding?Panels?for?jQuery.
jQuery?ToggleElements.
Coda?Slider.
jCarousel.
Accesible?News?Slider?Plugin.
Showing?and?Hiding?code?Examples.
jQuery?Easing?Plugin.
jQuery?Portlets.
AutoScroll.
Innerfade.
18:拖放類jQuery插件
UI/Draggables.
EasyDrag?jQuery?Plugin.
jQuery?Portlets.
jqDnR?–?drag,?drop?resize.
Drag?Demos.
19:XML?XSL?JSON?Feeds相關(guān)jQuery插件
XSLT?Plugin.
jQuery?Ajax?call?and?result?XML?parsing.
xmlObjectifier?–?Converts?XML?DOM?to?JSON.
jQuery?XSL?Transform.
jQuery?Taconite?–?multiple?Dom?updates.
RSS/ATOM?Feed?Parser?Plugin.
jQuery?Google?Feed?Plugin.
20:瀏覽器
Wresize?–?IE?Resize?event?Fix?Plugin.
jQuery?ifixpng.
jQuery?pngFix.
Link?Scrubber?–?removes?the?dotted?line?onfocus?from?links.
jQuery?Perciformes?–?the?entire?suckerfish?familly?under?one?roof.
Background?Iframe.
QinIE?–?for?proper?display?of?Q?tags?in?IE.
jQuery?Accessibility?Plugin.
jQuery?MouseWheel?Plugin.
21:警告,?提示,?確認等對話框
jQuery?Impromptu.
jQuery?Confirm?Plugin.
jqModal.
SimpleModal.
CSS
jQuery?Style?Switcher.
JSS?–?Javascript?StyleSheets.
jQuery?Rule?–?creation/manipulation?of?CSS?Rules.
jPrintArea.
22:DOM、AJAX和其它JQuery插件
FlyDOM.
jQuery?Dimenion?Plugin.
jQuery?Loggin.
Metadata?–?extract?metadata?from?classes,?attributes,?elements.
Super-tiny?Client-Side?Include?Javascript?jQuery?Plugin.
Undo?Made?Easy?with?Ajax.
JHeartbeat?–?periodically?poll?the?server.
Lazy?Load?Plugin.
Live?Query.
jQuery?Timers.
jQuery?Share?it?–?display?social?bookmarking?icons.
jQuery?serverCookieJar.
jQuery?autoSave.
jQuery?Puffer.
jQuery?iFrame?Plugin.
Cookie?Plugin?for?jQuery.
jQuery?Spy?–?awesome?plugin.
Effect?Delay?Trick.
jQuick?–?a?quick?tag?creator?for?jQuery..
分享名稱:jquery的ui插件,jquery插件使用
文章分享:http://chinadenli.net/article28/dsegocp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站內(nèi)鏈、企業(yè)網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、自適應(yīng)網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)