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中沒有'button'類型的標籤。它是輸入標籤。請把它改寫爲：

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

Answer 3

正確實施這個方法與提交按鈕上的點擊操作無關。這是爲了與表單上的提交操作掛鉤。像這樣：

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