jQuery Mobile 是基于 jQuery 的 JavaScript 庫，它可以幫助我們快速地開發移動應用。其中的半透明效果可以增強用戶交互體驗。

半透明是通過 CSS3 的 opacity 屬性實現的，它可以讓元素透明度在 0 到 1 之間變化。以下是一個使用 jQuery Mobile 實現半透明效果的示例：

<div data-role="page">
<div data-role="header" data-theme="a">
<h1>半透明效果</h1>
</div>
<div data-role="content" data-theme="a">
<p>這是一個半透明效果的示例。</p>
<a href="#" data-role="button" data-theme="b" data-inline="true" class="alpha-button">改變透明度</a>
</div>
</div>
<script>
$(document).on("pagecreate", function() {
$(".alpha-button").on("click", function() {
var current = parseFloat($(".ui-page-active").css("opacity"));
if (current<= 0.5) {
$(".ui-page-active").css("opacity", "0.8");
} else {
$(".ui-page-active").css("opacity", "0.4");
}
});
});
</script>

上面的代碼中，我們在頁面創建的時候綁定了一個 click 事件，通過修改當前頁面的 opacity 屬性來改變頁面的透明度。默認狀態下，頁面的透明度為 0.8，點擊按鈕后透明度變為 0.4。