jQuery Mobile是一個流行的基于HTML5的移動Web框架。 在這個框架中，attr()函數非常有用， 它允許您獲取和設置元素的屬性值。 在使用jQuery Mobile時，attr()函數可以幫助您在Web應用程序中快速操作不同的DOM元素。

以下代碼段展示了如何使用attr()函數獲取和設置一個按鈕元素的屬性值。 在這個例子中，我們先獲取這個按鈕的data-role屬性值，然后將其設置為“button”。 當我們點擊這個按鈕時，“data-role”屬性將被更新為“listview”。

// 獲取data-role屬性值
var role = $('#myButton').attr('data-role');
console.log(role); // 輸出：button
// 設置data-role屬性值
$('#myButton').attr('data-role', 'listview');
// 檢查data-role屬性值是否更新
console.log($('#myButton').attr('data-role')); // 輸出：listview

除了獲取和設置元素的屬性值之外， attr()函數還可以用于刪除和添加元素的屬性。 例如：

// 刪除data-role屬性
$('#myButton').removeAttr('data-role');
// 檢查data-role屬性是否已刪除
console.log($('#myButton').attr('data-role')); // 輸出：undefined
// 添加新的class屬性
$('#myButton').addClass('myClass');
// 檢查class屬性是否已添加
console.log($('#myButton').attr('class')); // 輸出：myClass

總之， attr()函數是jQuery Mobile框架中的一個實用函數， 它允許您快速獲取，設置，刪除，和添加HTML元素的屬性。 熟練掌握attr（）函數， 將加速您開發移動Web應用程序的速度。