《jQuery、jQuery UI及jQuery Mobile技巧與示例》——9.20 技巧：向jQuery Mobile中的DOM結點添加資料

本節書摘來自異步社群《jquery、jquery ui及jquery mobile技巧與示例》一書中的第9章，第9.20節，作者：【荷】adriaan de jonge , 【美】phil dutson著，更多章節内容可以通路雲栖社群“異步社群”公衆号檢視

jquery mobile提供了該函數的一個變體，即jqmdata()。代碼清單9-24示範了如何能像使用data()函數一樣來使用它。主要的差別是它考慮了命名空間（namespace）。命名空間在jquery mobile中很重要，當jquery mobile連同其他插件或者外部庫一起使用時，它有助于保護該架構不受到影響。當使用jquery mobile時，jquery mobile團隊推薦使用jqmdata()方法而不是jquery core中的data()方法。

代碼清單9-24　添加、擷取和移除jquery mobile中與dom結點關聯的資料

第18、21和24行示範了如何使用jqmdata()函數來儲存資料、擷取資料和移除資料。如果将這個示例與第1章的示例進行比較，你會發現更多的是相同而不是不同。

與data()函數類似，jqmdata函數也是從html中讀取data-屬性。這對于從dom樹中選取某個元素來說尤其有用。第28行顯示了如何在css選擇器中使用jqmdata()函數。這比`$('a:data-role="button")多了些許代碼。作為回報，這裡的代碼確定考慮了命名空間。

你可以使用$.mobile.ns配置選項來更改命名空間。如果把命名空間設定為myns，需要設定按鈕角色的屬性名稱為data-myns-role。