JavaScript+jQuery自增自减操做

JavaScript 和 jQuery 结合可以方便地实现元素值的动态增加和减少操作。这里是一个简单的例子：

<button id="increment">点击加一</button>
<button id="decrement">点击减一</button>
<input type="number" id="counter" value="0">

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
  // 使用 jQuery 监听按钮点击事件
  $("#increment").click(function() {
    var currentValue = parseInt($("#counter").val(), 10); // 获取当前值并转换为整数
    currentValue++; // 自增
    $("#counter").val(currentValue); // 更新输入框的值
  });

  $("#decrement").click(function() {
    var currentValue = parseInt($("#counter").val(), 10);
    currentValue--; // 自减
    $("#counter").val(currentValue);
  });
});
</script>

在这个例子中，当你点击“加一”按钮，`counter` 的值会增加；点击“减一”按钮，值会减少。注意我们使用 `parseInt()` 函数将输入框内的字符串转换为整数，因为 `value` 属性默认存储的是字符串。