Javascript 在事件悬停或使用jquery单击时更改当前图像_Javascript_Jquery_Html

Javascript 在事件悬停或使用jquery单击时更改当前图像

javascript jquery html

Javascript 在事件悬停或使用jquery单击时更改当前图像,javascript,jquery,html,Javascript,Jquery,Html,我是jquery的新手。我使用这段代码更改悬停时的当前图像，或使用jquery单击另一个图像。但它不起作用 <head> <title> Visite </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="jquery-2.1.1.min.js"> </s

我是jquery的新手。我使用这段代码更改悬停时的当前图像，或使用jquery单击另一个图像。但它不起作用

<head>
<title> Visite  </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery-2.1.1.min.js"> </script>
<script>
$('img').hover(function () {
  $(this).attr('src', 'o.184684.jpg');
})
</script>   
</head>

<body>
<img src="logo11w.png" alt="photo" />
</body>
</html>


拜访
$（'img'）。悬停（函数（）{
$（this.attr（'src'，'o.184684.jpg'）；
})

我在

中给出了这个示例，请尝试将jQuery代码包装到文档中

$(document).ready(function() {
    $('img').hover(function () {
        $(this).attr('src', 'o.184684.jpg');
    });
});

或者

$(function() {
    $('img').hover(function () {
        $(this).attr('src', 'o.184684.jpg');
    });
});

这只会给你带来麻烦。您可能还需要传入鼠标移出功能：

$(function() {
    $('img').hover(function () {
        $(this).attr('src', 'o.184684.jpg');
    }, function() {
        //mouse out function
    });
});