jquery 减 数字 加

颜良俊 3周前 11浏览 0评论

Jquery是一种非常常用的JavaScript库,它可以通过简洁易懂的代码让我们轻松地实现各种功能。其中加减数字也是Jquery中常见的操作之一。


// 添加事件监听
$(".add-btn").on("click", function() {
    // 获取当前数字
    var num = parseInt($(".num").text());
    // 加1并更新数字展示
    $(".num").text(num + 1);
});

// 添加事件监听
$(".minus-btn").on("click", function() {
    // 获取当前数字
    var num = parseInt($(".num").text());
    // 判断是否小于等于0,若是则不执行
    if(num <= 0) {
        return;
    }
    // 减1并更新数字展示
    $(".num").text(num - 1);
});

以上代码中,我们通过Jquery选择器获取加减按钮,然后添加事件监听,当点击按钮时通过Jquery选择器获取当前数字,并进行加减运算。需要注意的是,当减法运算时需要判断当前数字是否小于等于0,若是则不执行操作。

通过以上代码,我们可以实现简单的加减数字功能,可以在各种项目中广泛应用。