jQuery.spinner v1.0是一個輕巧的jQuery插件，它為我們提供了一個漂亮的數字輸入框組件。這個組件包含一個加號和一個減號按鈕，可以讓用戶方便快捷地增加或減少輸入的數字。

使用jQuery.spinner很簡單，只需要在HTML文件中引入jQuery庫和jQuery.spinner插件文件，然后在代碼中調用它即可。以下是一個示例：

<!-- 引入jQuery和jQuery.spinner插件文件 -->
<script src="jquery.min.js"></script>
<script src="jquery.spinner.min.js"></script>
<!-- 在HTML中添加一個spinner組件 -->
<input type="text" id="mySpinner" value="1">
<!-- 在JavaScript中初始化spinner組件 -->
<script>
$(document).ready(function() {
$('#mySpinner').spinner();
});
</script>

使用上述代碼后，我們就可以看到一個帶有加號和減號按鈕的數字輸入框。用戶可以通過點擊加號或減號按鈕來增加或減少數字，也可以直接輸入數字。

除了上述示例中使用默認選項外，jQuery.spinner還有很多其它選項可供使用，如設置最小值、最大值、步長、精度等等。以下是一個帶有一些選項的示例：

<input type="text" id="mySpinner" value="1">
<script>
$(document).ready(function() {
$('#mySpinner').spinner({
min: 0,
max: 100,
step: 5,
precision: 2
});
});
</script>

在上述代碼中，我們設置了最小值為0，最大值為100，步長為5，精度為2。這意味著用戶每次可以選擇增加或減少5個單位，而且在輸入小數時會保留兩位小數。

總的來說，jQuery.spinner是一個非常實用的組件，可以方便快捷地讓用戶輸入數字。使用它還可以減少頁面加載速度，這是因為它非常小巧，壓縮后只有不到5KB，所以可以幫助我們提高網站的性能。