Jquery onclick on div

前端之家收集整理的这篇文章主要介绍了Jquery onclick on div前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个简单的问题。以下代码适用于所有标签
$('*').click(function(e) {  
    alert(1);
});

但是,当我尝试使用id为“content”的div的代码时:

$('#content').click(function(e) {  
    alert(1);
});

我究竟做错了什么 ?

解决方法

确保它在一个文档准备标签中。或者,尝试使用.live
$(document).ready(function(){

    $('#content').live('click',function(e) {  
        alert(1);
    });
});

例:

$(document).ready(function() {
    $('#content').click(function(e) {  
      alert(1);
    });
});
#content {
    padding: 20px;
    background: blue;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div id="content">Hello world</div>

从jQuery 1.7开始,不推荐使用.live()方法。使用.on()附加事件处理程序。

$('#content').on( "click",function() {
    alert(1);
});

猜你在找的jQuery相关文章