mui開發之utils組件

OK,之前已介紹了mui框架中init組件、event組件,還有dialog組件。那麼,接下來,我們看看utils組件又是如何一個用法。

utils組件,用來操作網頁DOM結構的。下來將詳細介紹:

工具/原料

HBuilder6.6
MUI2.5

方法/步驟

mui()用法,意思是mui對象選擇器。首先,看看如何獲取ID的寫法:mui("#ID");看看出來的效果是怎樣的:(注意,因返回是一個數組,因此,還是得添加一個下標來獲取具體的對象)

接著,看看如何獲取元素的寫法:

然後,看看如何獲取屬於某元素,而且有某樣式的內容:

介紹完mui()用法後,我們來看看mui.each()用法又是如何的,有兩種用法,第一種為數組,對象遍歷,寫法如下:

第二種為DOM遍歷,看看是如何寫法的:

最後,我們看看mui.scrollTo()的用法,含義是滾動到指定位置。看看是如何編寫的:(第一個參數為回到哪個位置--坐標,第二參數為以多少ms回到指定的位置)。

相關文章

  1. mui開發之init組件

    mui JS是用來開發移動APP項目的利器,是一個輕量級的JS框架.那麼,應該如何去掌握mui JS框架呢.最好一種方式,就是逐個熟悉mui框架的各個組件. 首先,我們先來學習init組件,負責頁面的 ...
  2. mui開發之event組件

    MUI框架常用的組件,除了init組件外,還有event組件(當然,不僅僅只有這些).那麼,對於event組件,我們又應該如何去掌握呢. 下面將詳細介紹event組件的常用用法. 工具/原料 HBui ...
  3. mui開發之dialog組件

    之前已介紹了mui框架的init組件.event組件,那麼,接下來,我們來看看如何使用dialog組件.這也是常見的mui框架組件之一. 下面將詳細介紹dialog組件的常用用法. 工具/原料 HBu ...
  4. mui開發之Tab選項卡

    mui框架除了頭部導航欄.底部菜單欄常用外.其實,mui框架的Tab選項卡功能,也很常用. Tab選項卡分成兩種形式:1.固定Tab選項卡:2.可拖動Tab選項卡. 下面將詳細介紹: 工具/原料 HB ...
  5. myEclipse項目開發之S2SH:[2]創建項目

    S2SH是Struts2,Spring,Hibernate的簡稱.相信大家並不陌生.本系列開發,是筆者在開發過程中的心得體會.有不對的地方,還請讀者多指正.希望可以互相學習,共同進步. 工具/原料 j ...
  6. excel報表開發之Excel導出的多種方式

    工具/原料 excel報表開發軟體:FineReport7.1.1 大小:148.2M 適用平台:windows/linux 1. 描述 Microsoft Office是目前最流行的辦公軟體,其中e ...
  7. iOS開發之Document is not under source contro

    元旦前的那次打包之後,發現XCode中在選擇項目文件時就會報錯:Document is not under source control. 百般嘗試找到解決的方法. 方法/步驟 下圖中紅框標註的是&q ...
  8. 安卓應用開發之eclipse新建安卓模擬器(虛擬機)

    eclipse的ADT插件使得建立安卓模擬器變得可視化,操作簡單方便,同時在eclipse開發安卓應用時可以一鍵安裝APK到安卓模擬器中並進行程序調試. 工具/原料 英文eclipse JUNO(配置 ...
  9. myEclipse項目開發之S2SH:[5]添加Hibernate

    S2SH是Struts2,Spring,Hibernate的簡稱.相信大家並不陌生.本系列開發,是筆者在開發過程中的心得體會.有不對的地方,還請讀者多指正.希望可以互相學習,共同進步. 工具/原料 j ...
  10. excel報表開發之Excel導出隱藏行列與導出密碼

    工具/原料 excel報表開發軟體:FineReport7.1.1 大小:148.2M 適用平台:windows/linux 1. 概述 Excel報表導出屬性包含導出隱藏行,導出隱藏列,需要密碼和保 ...
  11. 微信應用開發之:OAuth2.0開發準備工作

    在做OAuth2.0開發前,網站需首先到相應位置進行申請,獲得對應的appid與appkey,以保證後續流程中可正確對網站與用戶進行驗證與授權. 工具/原料 網站 方法/步驟 申請appid和appk ...
  12. Android開發之SQLite查詢方案解析

    在Android開發中實現SQLite查詢方法很多,接下來將介紹Android培訓中如何實現的,對安卓培訓學習感興趣的朋友可以參考下. 大部分資料庫在進行字符串比較的時候,對大小寫是不敏感的. 但是, ...
  13. myEclipse項目開發之S2SH:[7]service、web編寫

    S2SH是Struts2,Spring,Hibernate的簡稱.相信大家並不陌生.本系列開發,是筆者在開發過程中的心得體會.有不對的地方,還請讀者多指正.希望可以互相學習,共同進步. 工具/原料 j ...
  14. HTML5高級工程師apicloud app開發之API對象

    HTML5高級工程師apicloud app開發之API對象 方法/步驟 注意事項 API對象 Attribute Event Method
  15. NX二次開發之Block Styler UI 之值傳遞(C++)

    在應用NX Open API進行二次開發過程中,使用新的Block Styler UI 的方式創建UI,直接,方便,快捷.下面簡要介紹NXOpen::BlockStyler::PropertyList ...
  16. android開發之GPS獲取經緯度

    關於android開發獲取經緯度的流程 工具/原料 eclipse 方法/步驟 manifest中添加權限: <uses-permission android:name="androi ...
  17. 軟體開發之http協議

    http協議是由w3c指定的B/S結構中常用的一種通信協議,它的底層是TCP/IP  UDP 方法/步驟 http協議 A:什麼是協議? 協議就是甲乙雙方共同遵守的辦事規範 在java的應用程式中就是 ...
  18. html5開發之viewport使用

    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scal ...
  19. c#報表開發之Tomcat伺服器部署

    工具/原料 c#報表開發文檔軟體:FineReport7.1.1 大小:148.2M 適用平台:windows/ linux 1. 描述 tomcat是免費且性能相對穩定的web應用伺服器, 程 把F ...
  20. Android開發之java語言

    Android 開發所用的語言是java語言,如果有基礎的話,自然就很好啦,今天就主要分享分享自己學的java之main()方法 工具/原料 windows電腦/蘋果電腦(mac) eclipse或者 ...