Question

<HTML>
<HEAD>
    <TITLE> New Document </TITLE>
    <script src="jquery-1.8.1.min.js" type="text/javascript"/> 
    <script type="text/javascript">
        $(document).ready(function(){  
            $('btn').click(function(){
                alert('hey'); 
            }); 
        });  
    </script>
</HEAD>
<button id="btn">click</button>
    Button to fire a event
</HTML>

我无法在IE8上获得点击事件！我做错了什么？

Answer 1

您的选择器错误

$('#btn').click(function(){ alert('hey'); }); }); <-- notice the pound sign

Answer 2

btn是您元素的ID。因此，在编写jQuery选择器时使用＃

$(function(){
  $("#btn").click(function(e){
         alert("hi");  
  });
});

工作样本：http://jsfiddle.net/RVJQU/

#  -> for ID based selector(Ex:   $("#myUniqueElementID") )
.  -> For CSS Class based selector (Ex:   $(".myCssClass") )

Answer 3

试试这个

<HTML>
<HEAD>
    <TITLE> New Document </TITLE>
    <script src="jquery-1.8.1.min.js" type="text/javascript"/> 
    <script type="text/javascript">
        $(document).ready(function(){  
            $('#btn').on('click',function(){
                alert('hey'); 
            }); 
        });  
    </script>
</HEAD>
<button id="btn">click</button>
    Button to fire a event
</HTML>

无法在jQuery中获取click事件

3 个答案: