jQuery Mobile是一款基于HTML5的移動端UI框架，它允許開發人員通過HTML，CSS，JavaScript來創建跨移動平臺的應用程序。在jQuery Mobile中，我們可以使用Web SQL數據庫或IndexedDB來存儲和檢索數據。

// 使用Web SQL數據庫
// 打開數據庫
var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024);
// 創建表
db.transaction(function(tx) {
tx.executeSql('CREATE TABLE IF NOT EXISTS people (id unique, name)');
});
// 插入數據
db.transaction(function(tx) {
tx.executeSql('INSERT INTO people (id, name) VALUES (?, ?)', [1, 'John']);
});
// 查詢數據
db.transaction(function(tx) {
tx.executeSql('SELECT * FROM people', [], function(tx, results) {
var len = results.rows.length, i;
for (i = 0; i< len; i++) {
console.log(results.rows.item(i).name);
}
}, null);
});
// 使用IndexedDB數據庫
// 打開數據庫
var request = window.indexedDB.open('mydb', 2);
var db;
request.onerror = function(event) {
console.log('數據庫打開失敗');
};
request.onsuccess = function(event) {
console.log('數據庫打開成功');
db = request.result;
};
// 創建對象存儲
request.onupgradeneeded = function(event) {
var db = event.target.result;
var objectStore = db.createObjectStore('people', { keyPath: 'id' });
objectStore.createIndex('name', 'name', { unique: false });
objectStore.transaction.oncomplete = function(event) {
var peopleObjectStore = db.transaction('people', 'readwrite').objectStore('people');
peopleObjectStore.add({ id: 1, name: 'John' });
};
};
// 查詢數據
var transaction = db.transaction(['people'], 'readonly');
var objectStore = transaction.objectStore('people');
var request = objectStore.get(1);
request.onerror = function(event) {
console.log('事務失敗');
};
request.onsuccess = function(event) {
console.log(request.result);
};

使用jQuery Mobile數據庫，我們可以將數據存儲在本地，以提高應用程序的效率和性能。比如，我們可以存儲用戶數據、緩存文章列表等。通過使用jQuery Mobile數據庫，我們可以以更高效的方式構建移動應用程序。