jquery 加法

jQuery 加法操作

jQuery 本身不提供直接的加法函数，但可以通过 jQuery 选择器获取元素值后进行加法运算。以下是几种常见的实现方式：

获取元素值并相加

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

对多个同类元素的值求和

var total = 0;
$('.price').each(function() {
    total += parseFloat($(this).text());
});
$('#total').text(total);

动态添加数值

$('#addBtn').click(function() {
    var current = parseInt($('#counter').text());
    $('#counter').text(current + 1);
});

注意事项

• 使用 parseInt() 或 parseFloat() 确保字符串转为数值
• 处理空值情况避免 NaN 错误
• 对于货币等格式需要先清除非数字字符

元素位置相加（动画）

$('#box').animate({
    left: '+=50px'
});

扩展 jQuery 加法方法

$.fn.sum = function() {
    var sum = 0;
    this.each(function() {
        sum += parseFloat($(this).text()) || 0;
    });
    return sum;
};
var total = $('.item').sum();