jquery mobile是一款應用框架程序，類似于國內的織夢、DZ和帝國，主要用在移動端設備上，本程序支持創(chuàng)建WEB應用，使其良好地在手機和平板電腦上運行，通過對HTML5和CSS3減少腳本語言讓前端更流暢和穩(wěn)定，支持響應式布局，兼容超過100多種外部設備，比如MP3、MP4、手機、PSP、平板電腦、穿戴式手表等等，在電子閱讀器上的表現尤為出彩，大大提高可訪問性和普及性，本站提供jquery mobile免費下載，還有詳細的使用方法，有需要的趕快試試吧！

功能特色

　　1、jQuery Mobile是一個基于jQuery的用戶界面框架，兼容所有流行的手機，平板電腦，電子閱讀器和桌面（瀏覽器）平臺。為了建立可訪問性及普及性訪問性和普及，我們遵循漸進增強和響應式網頁設計(RWD)原則 。HTML5標簽結構使它容易上手，但是一個強大的API卻能讓你輕松的深入定制。

　　2、頁面和對話(Pages & Dialogs)

　　在 jQuery Mobile 中每個頁面(page)容器(通常是div標簽)都包含一個 data-role="page" 屬性。在“頁面”容器內，可以使用任何有效的HTML標記，但在典型的jQuery Mobile頁面里至少有倆data-role為“header”(頁頭)和“ footer”(頁腳)屬性的div，其余部分為可選內容。

　　頁面可以設計成dialog(對話框)的樣子，讓頁面看起來像是模態(tài)疊加的方式。想要以模態(tài)對話框的外觀呈現一個標準頁面只需添加 data-rel =“dialog” 屬性。轉場也可以設置在對話框的鏈接上。

　　3、AJAX導航和轉場(AJAX Navigation & Transitions)

　　jQuery Mobile 有個 AJAX導航系統(tǒng)(AJAX navigation system) ，該系統(tǒng)通過自動“劫持”把標準的鏈接和表單提交轉化為一個AJAX請求，并使其支持一組豐富的轉場(page transitions )動畫樣式。在這里后退按鈕是被完全支持的，并且具有預讀取、緩存、動態(tài)注入及高級用例腳本頁面等特性。

　　每當單擊鏈接或表單提交的時候，AJAX導航系統(tǒng)將自動攔截這些事件，然后發(fā)出一個基于href或表單事件的AJAX請求，而不是重新加載頁面(刷新)，在框架等待AJAX響應的時候會顯示一個加載遮罩。

　　請求頁加載時，jQuery Mobile會解析document中含有 data-role="page"屬性元素并將這段代碼插入到請求頁的DOM中。接下來，插入頁面的任何部件的增強將適用于所有的樣式和行為。這個頁面其余部分(未被含有 data-role="page"屬性元素包裹的內容)如所有的腳本、樣式表或其他信息將不被加載。當新的頁面(page)轉場到當前視角的時候框架也將更新標題為插入頁的標題。

　　現在，被請求的頁面已經插入到了當前的DOM節(jié)點中，它有個動畫轉場(transition).默認情況下，框架使用淡入淡出過渡轉場效果。若要設置自定義的過渡效果，需在鏈接中添加 data-transition屬性。

　　4、內容和組件(Content & Widgets)

　　在你的內容容器中，你可以添加任何標準的HTML元素——標題、列表、段落等等。當然你也可以編寫自定義樣式來創(chuàng)建自定義布局，這需要在head 中的jQuery Mobile樣式表之后增加一個額外的樣式表。

　　jQuery Mobile有廣泛且交互友好的用戶界面組件：form elements(表單元素)， collapsibles(折疊組件)， collapsible sets(折疊組件集) (accordions[手風琴])， popups(彈出窗口)， dialogs(對話框)， responsive tables(響應表)以及更多。為了獲取最佳性能，建議用 download builder來生成所需的組件。

　　5、列表(Listviews)

　　如需使用jQuery Mobile自帶的不同樣式通用列表(listviews)則需在編輯列表時加上data-role="listview"屬性，下邊是一個簡單的鏈接列表，為了讓它看起來有嵌入效果，我們需要加上一個data-inset="true"屬性，然后再添加一個動態(tài)搜索過濾器 data-filter="true" 和一個文本輸入框(text field)。

　　6、表單元素(Form elements)

　　該框架包含了一套完整的表單元素(form elements)，能夠自動優(yōu)化表單使其成為友好的觸摸組件。這里有一個用HTML5做的滑塊，不需要添加 data-role 即可實現。務必要將這些 form 中的元素總是與正確的label 關聯。(這句翻譯不好，附上原文:Be sure to wrap these in a form element and always properly associate a label with every form element.)

　　7、響應式網頁設計(Responsive Design)

　　jQuery Mobile一直都是為了服務于響應式網頁responsive web design (RWD)的制作而設計的，而且我們的文檔和窗體在一開始就有一些響應元素。所有的組件都可以在寬度為100%的網頁里靈活的自適應，輕松滿足任何你選擇建立響應布局的系統(tǒng)。

　　這個庫還包括一些響應性組件如響應式網格(responsive grids)，自擴展表(reflow tables)，列選擇器表(column chooser tables)和滾動面板(sliding panels)。

　　8、主題(Theming)

　　jQuery Mobile有一個強大的主題框架(theme framework)，支持多達26套的工具欄、內容和按鈕的顏色，被稱為“swatch(樣本)”。只需添加一個data-theme="b"屬性到任何部件上它在此網頁里的顏色就會變成黑色。

　　JQM炫酷技巧：添加主題swatch到page里，然后看看是不是所有小部件內的內容都自動繼承了主題樣式？

　　當你已經準備好構建一個自定義主題，你可以使用ThemeRoller 工具，只需拖拽就能定制你自己的主題樣式，然后下載定制的主題即可。

　　9、所有瀏覽器都應該能夠訪問全部基礎內容。

　　10、所有瀏覽器都應該能夠訪問全部基礎功能。

　　11、增強的布局由外部鏈接的 CSS 提供。

　　12、增強的行為由外部鏈接的 JavaScript 提供。

　　13、終端用戶瀏覽器偏好應受到尊重。

　　14、所有基本內容應該（按照設計）在基礎設備上進行渲染，而更高級的平臺和瀏覽器將使用額外的、外部鏈接的 JavaScript 和 CSS 持續(xù)增強。

安裝方法

　　下載并解壓，本程序無需安裝，只是在您的頁面中引入jquery mobile包即可。

使用方法

　　1、將整個“jquerymo”文件夾里面的文件放入網站目錄，請注意是文件夾內的內容，

　　2、在您需要的頁面引入“jquery mobile包”，具體格式為，

　　3、關于文件名稱和路徑請根據實際情況修改。