jquery - jqueryのReady関数

Question

このコードの何が問題になっているのか教えてください。アラートは表示されていません。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
    <script>
      $(document).ready(function () {
          $("button").click(function () {
          alert("hi");
      });
     });
    </script>

<form id="theform">
     <input type="text" name="dt" id="id" value="" />
     <input type="button" name="submit" value="submit" />
</form> 

Answer 1

$("button")

する必要があります

$("input[type=button]")    OR      $("input[name=submit]")

FIDDLEを確認してください

そもそもセレクターが適切ではなかった。

$('#btn')   // If id of the button is btn

$('.btn')   // If class of the button is btn

Answer 2

HTMLに「ボタン」タイプのタグはありません。入力タグです。次のように書き直してください。

$(document).ready(function () {
  $("input[type=button]").click(function () {
    alert("hi");
  });
});
​

Answer 3

これを実装する正しい方法は、送信ボタンのクリックアクションとは関係ありません。フォームの送信アクションにフックすることです。そのようです：

$(document).ready(function () {
  $("#theform").submit(function () {
    alert("hi");
  });
});