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,若是则不执行操作。
通过以上代码,我们可以实现简单的加减数字功能,可以在各种项目中广泛应用。
上一篇 html标签代码注释
下一篇 jquery 上下分页