使用jQuery点击按钮并显示按钮的值答案

【问题标题】：Using jQuery to click the button and display the value of the button使用jQuery点击按钮并显示按钮的值
【发布时间】：2014-12-09 18:55:31
【问题描述】：

嗨，我是 jQuery 新手，我正在尝试制作一个 jquery ajax 计算器。我已经为界面创建了一个 html。但是，我陷入了js中点击功能的一部分。我想将显示器设置为默认值 0，我想单击数字按钮并将其显示在显示器中。

【问题讨论】：

ajax 跟它有什么关系？ - ajax 与服务器端代码协同工作。你用哪一个？ php/asp/asp.net/etc...
我在服务器端使用 php 来获得结果，但我仍在尝试这样做。
$("button").click(function() { $("#display").get(0).value += $(this).val();});
定义 jquery ajax 计算器

标签： jquery ajax

【解决方案1】：

$(function(){
    // set value to 0 at first
    $('#display').val(0);

    $(document).on('click', 'button.number', function(){
        $('#display').val($(this).val());
    });
});

在这里测试：http://jsfiddle.net/xzg70up3/

保留数字：

$(function(){
    var $display = $('#display');
    $display.val(0);

    $(document).on('click', 'button.number', function(){
        if($display.val() != 0) {
            $display.val($display.val() + $(this).val());
        } else {
            $display.val($(this).val());
        }

    });
});

小提琴：http://jsfiddle.net/qohdjovu/

【讨论】：

非常感谢，但在代码中它只显示 1 个数字，如果我想要 2 个数字，例如“22”
一个简单的事情代码太多，在我看来 += 操作符效果更好。就像我在 OP 的评论中展示的那样。我同意过滤器中的班级编号。
展示了教他基础知识的最简单易懂的方法。他正在改进......
非常感谢，我学到了很多！您的回答很明确，对我的进一步工作很有帮助。你能解释一下 $(document).on() 吗？
没问题。 :) 如果我能提供帮助，我很高兴。因此，$(document).on() 正在捕捉 dom 变化。如果您在加载文档后创建按钮（例如使用 js），则 $('.button').click() 将不起作用。所以，你必须使用 $(document).on('event')。看到这个：stackoverflow.com/questions/9418991/…