Question

我的下面的代码工作得很好但是如果我从jquery代码中移除[0]而不是它应该工作的时候它不起作用。另一个问题是，如果我写鼠标而不是onmouseover而不是它也不起作用，为什么......

    <!DOCTYPE html>    <html>    <head>    <title>DOM Level 0 Events Example</title>    </head>

<body>

     <img id="example" src="footer.png" alt="ooooh! ahhhh!"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

   <script type="text/javascript">
  $(function(){
$('#example')[0].onmouseover = function(event) {
alert('Crackle!');
};
});
 </script>
</body>
</html>

Answer 1

您的js代码错误。

$('#example')[0].onmouseover onmouseover不能为jquery变量工作。

改为使用$('#example').on("mouseover", function(){});。

或

$('#example').mouseover(function(){ });

没有[0]，因为ID 唯一

Answer 2

不确定你在那里做什么，但是你读过文档吗？

http://api.jquery.com/mouseover/

这样做：

$(document).ready(function()
{
    $( "#example" ).mouseover(function() {

        alert("Crackle!");

    });
});

Answer 3

首先，你需要摆脱那个[0]。您正在使用ID作为选择器。所以不能有多个ID。你正在做的是访问nodeList的第一个元素。在这种情况下，这是不可能的。

你错过了$（document）.ready（）方法。

正确的语法应该是

$(document).ready(function(e){
$( "#example" ).mouseover(function(e) {
alert("Crackle!");
});
});

我的代码中的mouseover在jquery中不起作用

3 个答案: