JQuery Mobile是一個非常流行的JavaScript庫，它提供了一個易于使用的滑塊組件，允許用戶從一系列值中進行選擇，或在兩個極端之間進行動態調整。

<div data-role="rangeslider">
<label for="slider-1">Rangeslider:</label>
<input type="range" name="slider-1" id="slider-1" min="0" max="100" value="40">
<input type="range" name="slider-2" id="slider-2" min="0" max="100" value="60">
</div>

在這里，我們可以看到如何創建一個簡單的滑塊組件，用于從10到100的范圍內選擇一個值。與其他JQuery Mobile組件一樣，它采用data-role屬性來標識要使用的組件類型。

通過設置min和max屬性，我們可以定義允許選擇的范圍。value屬性指定滑塊的初始值。

如果您想要創建一個區間滑塊，只需為第二個滑塊設置id屬性和name屬性，它將自動與第一個滑塊相關聯，提供一個可移動的區間范圍。

使用JQuery Mobile滑塊不僅使用戶界面看起來更加現代化，而且可以增強交互性，并允許用戶更輕松地與數據進行交互。