JQuery是一個極其強大的JavaScript庫，它可以幫助我們快速便捷地開發出各種交互效果。其中一個常見的應用場景是選擇小時分鐘。下面我們來看看如何使用JQuery實現這個功能。
<div class="time-picker"> <select class="hour"></select>： <select class="minute"></select> </div>
首先，我們需要在頁面上放置一個帶有小時和分鐘選擇器的元素。我們可以使用
$(document).ready(function() {
for (var i = 0; i < 24; i++) {
$(".hour").append("<option value='" + i + "'>" + i + "</option>");
}
for (var i = 0; i < 60; i++) {
$(".minute").append("<option value='" + i + "'>" + i + "</option>");
}
});接下來，我們使用JQuery的.ready()方法來在頁面加載完畢后執行代碼。在代碼中，我們使用循環來動態添加小時和分鐘選項。首先，我們從0循環到23，然后在小時選擇器中添加每一個小時的選項。接著，我們從0循環到59，然后在分鐘選擇器中添加每一個分鐘的選項。
$(".time-picker").on("change", ".hour, .minute", function() {
var hour = $(".hour").val();
var minute = $(".minute").val();
console.log("selected time: " + hour + ":" + minute);
});最后，我們為小時和分鐘選擇器添加change事件監聽器。當選擇器的值發生變化時，我們獲取選中的小時和分鐘值，并打印到控制臺上。
JQuery選擇小時分鐘是一個比較簡單的功能，但它可以為我們的用戶帶來很大的便利。通過上面的代碼示例，我們可以看到JQuery是如何輕松地完成這個功能的。