jquery 加法

jQuery 加法操作

jQuery 本身并不直接提供加法运算功能，但可以通过 JavaScript 原生方法结合 jQuery 选择器来实现加法操作。以下是几种常见场景的实现方式：

数值加法

通过 jQuery 获取元素的值（字符串类型），转换为数字后进行加法运算：

var num1 = parseFloat($('#input1').val());
var num2 = parseFloat($('#input2').val());
var sum = num1 + num2;
$('#result').text(sum);

DOM 元素数量统计

统计匹配选择器的元素数量：

var count = $('.item').length;
console.log('元素总数：' + count);

动态添加元素

使用 jQuery 的 append() 方法实现元素的添加：

$('#container').append('<div class="new-item">新增内容</div>');

类名叠加

使用 addClass() 方法实现类名的叠加：

$('#target').addClass('active highlight');

属性值累加

修改元素的数值型属性（如 data-* 属性）：

var current = parseInt($('#box').attr('data-count'));
$('#box').attr('data-count', current + 1);

注意事项

• 从表单获取的值默认是字符串类型，需用 parseInt() 或 parseFloat() 转换
• 动态添加元素后可能需要重新绑定事件
• 数值计算建议使用 toFixed() 处理小数位精度问题

扩展方法

可以扩展 jQuery 方法实现链式加法操作：

$.fn.sum = function() {
    var total = 0;
    this.each(function() {
        total += parseFloat($(this).text()) || 0;
    });
    return total;
};
// 使用方式
var total = $('.price').sum();