Javascript 如何在Jquery中设置每个按钮的功能？

我正在尝试使用JQuery、HTML、CSS制作calculatorreverse波兰符号

我有[0~9个数字按钮]和[+，-，=，/操作员按钮]，需要确保它们的工作方式不同。但是，我想把它们全部显示出来[输入文本框]

那么如何在Jquery中设置每个按钮的事件处理程序呢？你有什么好主意吗？我应该用If，else If，else

您可以这样做：

示例JS代码：

$(document).ready(function () {
    $('.btn').click(function () {
        var showMessage = $(this).attr("value");
        console.log(showMessage);
        if (showMessage != "Clear") { 
            $('#showProcess').val(function (n, c) {
                return c + showMessage;
            });
        } else if (showMessage == "Clear") {
            $('#showProcess').val(""); // Clear
        }
    });

    $('.btn').hover( 
    function () {
        $(this).addClass('active');
    },

    function () {
        $(this).removeClass('active');
    });

});

示例HTML代码：

<input type="button" class="btn" value="1" />
<input type="button" class="btn" value="2" />
<input type="button" class="btn" value="3" />
<input type="button" class="btn" value="4" />

---

您所做的似乎是为选择器“按钮”创建了一个事件处理程序，它将选择页面上的每个按钮，然后您将稍后检查按下了哪个按钮。这里有一个类比。这就像点Pepporoni比萨饼，但比萨饼店的伙计在烹调了各种口味的比萨饼后来到你家，然后问你想要哪一种

更好的做法是只选择要为其添加特定事件处理程序的确切按钮。有很多方法可以做到这一点，但这里有一个简单的例子

“button.digit”选择具有匹配“digit”类的每个按钮

<button class="digit" value="5">5</button>

当然，您也可以使用jQuery内联数据或从innerHTML读取数字的值

试试这个简单的例子：

---

您可以添加代码而不是图像吗？最好是复制并粘贴代码，而不是使用屏幕截图。谢谢您的想法。

<button class="digit" value="5">5</button>

$('button.digit').click(function() {
    var digitPressed = parseInt($(this).attr('value'));
    // perform desired actions
    // stack.push(digitPressed);
});

$('button.operand-plus').click(function() {
    var opPressed = $(this).attr('value');
    // perform desired action for 'Plus' button
    // stack.push(opPressed);
});