javascript - 为什么不显示按钮值属性？

Question

此时我唯一分配了值属性的按钮是“AC”，直到我弄清楚为什么它不起作用。当按下 AC 时，值 89 应该显示在屏幕上，但目前没有任何反应。

这是我的笔:

http://codepen.io/roryavant8/pen/BjPRMW

HTML:

<div id="calculator">
  <center>
    <div id="resultBar">
  </center>
  <div class="row">
    <button type ="button" value="89">AC</button>
    <button>CE</button>
    <button>%</button>
    <button>/</button>
  </div>
  <!----Closing rowOne div-->
  <div class="row">
    <button>7</button>
    <button>8</button>
    <button>9</button>
    <button>*</button>
  </div>
  <div class="row">
    <button>4</button>
    <button>5</button>
    <button>6</button>
    <button>-</button>
  </div>
  <div class="row">
    <button>1</button>
    <button>2</button>
    <button>3</button>
    <button>+</button>
  </div>
  <div class="row">
    <button>.</button>
    <button>0</button>
    <button>Ans</button>
    <button>=</button>
  </div>
  </div><!-----Closing Calculator div--->

JavaScript/JQuery

$(document).ready(function(){
  $(button).click(function(){
    alert($(this).attr('value'));

  });
});

Answer 1

button 是一个选择器，而不是一个包含选择器的变量。您将需要一个单引号。

$(function() {
    $('button').on('click', function(){
      alert($(this).attr('value'));

    });
});

工作叉:http://codepen.io/anon/pen/zrLzQr