JQuery input range是一項非常有用的技術，通過它，您可以輕松地創建自定義的滑桿來控制輸入范圍。

$("input[type='range']").change(function() {
var currentValue = $(this).val();
console.log(currentValue);
});

在上面的代碼中，我們首先定義了一個變量來存儲范圍輸入的當前值。然后，我們將該值輸出到控制臺中，以便我們可以查看它。根據需要，您可以使用不同的jquery事件來設置滑塊范圍的不同屬性。

您還可以使用一些其他的JQuery插件和庫來增強input range的功能。例如，您可以使用jQueryUI插件來自定義并添加樣式，或者您也可以使用noUiSlider庫來創建更高級的范圍滑塊。

$("#slider-range").noUiSlider({
start: [20, 80],
connect: true,
range: {
'min': 0,
'max': 100
}
});

在上面的代碼中，我們使用了noUiSlider庫來創建一個范圍滑塊，并將其連接起來。我們還定義了滑塊的范圍和起始值。通過noUiSlider庫，您可以自定義滑塊的各種屬性和樣式，以確保與您的應用程序的外觀和感覺保持一致。

總的來說，JQuery input range是一個非常有用的技術，可幫助您在您的應用程序中輕松創建自定義的滑塊。