移動web開發(fā)之jquery-mobile-文庫吧資料
2024-08-18 10:42本頁面
【正文】 ... } })。 Opera Mobile Emulator運行效果 在 jQuery Mobile應(yīng)用中，可以給 input元素直接綁定事件，可以使用 jQuery Mobile的虛擬事件，或者綁定 JavaScript的標(biāo)準(zhǔn)事件，例如 change、 focus、 blur等。 選擇語言 （ 4）單擊“確定”按鈕，在新界面中可以進行相關(guān)設(shè)臵，在此我們只需使用默認設(shè)臵即可， 如 下 圖所 示。 如 下 圖所 示。 （ 1）登錄 Opera官方網(wǎng)站， 如 右 圖所 示。 jQuery Mobile的開發(fā)過程是網(wǎng)頁開發(fā)的過程，和傳統(tǒng)網(wǎng)頁開發(fā)相比，唯一的差別是這些網(wǎng)頁需要在移動設(shè)備中運行。用于快速下載跨 Inter常用的文件，只要在頁面的 head元素中加入下列代碼，同樣可以執(zhí)行 jQuery Mobile移動應(yīng)用頁面。 解壓后的效果 除了可以在官方下載頁下載對應(yīng)的 jQuery Mobile文件外，還可以使用 URL方式從 jQuery CDN下載插件文件。 jQuery Mobile的官方網(wǎng)站界面 （ 2）單擊導(dǎo)航條中的“ download”按鈕進入文件下載頁面， 如 下 圖所 示。 ： 與 jQuery Mobile框架相配套的 CSS樣式文件。前面我們已經(jīng)知道具體的獲取方法有兩種：下載相關(guān)插件文件和使用 URL方式加載相應(yīng)文件。 在 JQM框架中提供了一個主題系統(tǒng)，允許我們提供自己的應(yīng)用程序樣式。 jQuery Mobile在設(shè)計時考慮了訪問能力，它擁有 Accessible Rich Inter Applications（ WAIARIA）支持，以幫助使用輔助技術(shù)的殘障人士訪問 Web頁面。 盡管 jQuery Mobile利用最新的 HTML CSS3和 JavaScript，但并非所有移動設(shè)備都提供這樣的支持。這樣， JQM的功能就好像被放到了您的指尖，供大家隨時使用。具體使用方法在實例 102中進行講解 。 獲取和使用方法將在實例 101中進行講解。 jQuery Mobile只用HTML、 CSS和 JavaScript，這些技術(shù)是所有移動 Web瀏覽器的標(biāo)準(zhǔn)。 jQuery Mobile將“ write less,do more”這一理念提升到了新的層次：它自動為網(wǎng)頁設(shè)計交互的易用外觀，并在所有移動設(shè)計上保持一致。與 jQuery一樣， JQM是一個在 Inter上直接托管、免費可用的開源代碼基礎(chǔ)。 $(this).hide() //隱藏當(dāng)前元素 $(p).hide() //隱藏所有段落 $(.test).hide() //隱藏所有 class=test的所有元素 $(test).hide() //隱藏所有 id=test的 元素 jQuery Mobile是 jQuery在手機上和平板設(shè)備上的版本，隨著智能手機系統(tǒng)的普及，現(xiàn)在主流移動平臺上的瀏覽器功能已經(jīng)趕上了桌面瀏覽器，因此 jQuery團隊引入了 jQuery Mobile（簡稱為 JQM）。 jQuery庫位于一個 JavaScript文件中，其中包含了所有的 jQuery函數(shù)。 jQuery為開發(fā)人員提供了許多成熟的插件，通過這些插件可以設(shè)計出動感的頁面。 jQuery使用戶能夠更加方便地處理 HTMLdocuments、 events、實現(xiàn)動畫效果，并且方便地為網(wǎng)站提供 Ajax交互。如今， jQuery已經(jīng)成為最流行的 JavaScript庫，在世界前10000個訪問最多的網(wǎng)站中，有超過 55%在使用 jQuery。jQuery Mobile簡介 實例 101：搭建 jQuery Mobile開發(fā)環(huán)境 綜合實例：網(wǎng)上訂餐系統(tǒng) 實例 102：搭建測試環(huán)境 實例 10
畢業(yè)設(shè)計相關(guān)推薦
鄂ICP備17016276號-1