jquery加减

jQuery 是一个快速、小巧且功能丰富的 JavaScript 库，它简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。jQuery 的加减操作通常是指对 DOM 元素的数值属性进行增减操作。

基础概念

jQuery 的加减操作通常涉及到选择器、过滤器和链式调用。通过选择器选取特定的 DOM 元素，然后使用 .val() 方法获取或设置元素的值，再通过简单的算术运算实现加减。

类型

数值属性加减：对 input 元素的 value 属性进行加减操作。
样式属性加减：对元素的 CSS 属性（如 width、height）进行加减操作。

应用场景

表单数据计算：在用户输入时实时计算总和或差值。
动态调整元素大小：根据用户交互动态调整元素的大小。
动画效果：通过数值的变化实现平滑的动画效果。

示例代码

以下是一个简单的示例，展示如何使用 jQuery 对 input 元素的值进行加减操作：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery 加减示例</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <input type="text" id="number" value="0">
    <button id="add">加</button>
    <button id="subtract">减</button>

    <script>
        $(document).ready(function() {
            $('#add').click(function() {
                var currentValue = parseInt($('#number').val());
                $('#number').val(currentValue + 1);
            });

            $('#subtract').click(function() {
                var currentValue = parseInt($('#number').val());
                $('#number').val(currentValue - 1);
            });
        });
    </script>
</body>
</html>