jquery - 多个 Jquery 函数

Question

对 jquery 的总新手，我想在 cotsImg.hover 事件上添加另一个函数，以更改第二个图像 - 就像它在下面更改一个一样。就像是

<script  type='text/javascript'>
$(document).ready(function(){
    $("#cotsImg").hover(
       function() {$('#golfImg').attr("src","/images/golfimagebw.png");}, 
       function() {$('#golfImg').attr("src","/images/golfimage.png");
       function() {$('#golfImg2').attr("src","/images/golfimage2bw.png");}, 
       function() {$('#golfImg2').attr("src","/images/golfimage2.png");

});
});
</script>

任何人都可以帮忙吗？这是一个漫长的一天尝试这个！

Answer 1

您需要传递两个函数。

来自Hover() 的 Jquery Docs

.hover() 方法，当传递一个函数时，将为 mouseenter 和 mouseleave 事件执行该处理程序。

因此，您为这两个事件执行的一个函数。悬停完成后您需要将其删除

$("#selectorId").hover(
function() {
   //Do something to element here
},

 function() {
    //make your element normal here
   }

);

或者经典款式。

 $("#cotsImg")
        .mouseover(function() { 

            $(this).attr("src", "/images/golfimagebw.png");
        })
        .mouseout(function() {
             $(this).attr("src", "/images/golfimage.png");
        });

Answer 2

<script  type='text/javascript'>
$(document).ready(function(){
    $("#cotsImg").hover(function(){
       $('#golfImg').attr("src","/images/golfimagebw.png"); 
       $('#golfImg').attr("src","/images/golfimage.png");
       $('#golfImg2').attr("src","/images/golfimage2bw.png"); 
       $('#golfImg2').attr("src","/images/golfimage2.png");

});
});
</script>

就像那样添加你想要的:)

Answer 3

如果我理解您的问题，那么您不需要更多功能，只需执行那些不包括功能的代码行。