mui開發之utils元件?

Tags: 網頁, 元件, 用法,

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

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

工具/原料

HBuilder6.6

MUI2.5

方法/步驟

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

mui開發之utils元件

mui開發之utils元件

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

mui開發之utils元件

mui開發之utils元件

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

mui開發之utils元件

mui開發之utils元件

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

mui開發之utils元件

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

mui開發之utils元件

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

mui開發之utils元件

相關問題答案