Question

jquery设置图片的hover，鼠标移上去之后图片抖动。看看下面两段代码有什么区别

$('.photo img').hover(function(){
$(this).stop(true,true).fadeOut('fast')
}, function(){
$(this)..stop(true,true).fadeIn("fast")})
鼠标放上去之后图片会隐藏但是图片会一闪一闪的。然后更改之后
$('.photo').hover(function(){
$(this).find("img").stop(true,true).fadeOut('fast')
}, function(){
$(this).find("img").stop(true,true).fadeIn("fast")})
用find查找div里面的img 就没有这现象了。这是什么原因。上面两段代码有什么区别呀？

Answer 1

你的动作作用点不一样，第一个是作用在img上，第二个是作用在div上，你如果用show()和hide()，没关系，你用的是fadein和fadeout，这个相当于动画渐变的过程，图片每变一下，jquery都会去判断hover动作，所以第一个会一闪一闪的，第二个没事。

Answer 2

第一段代码，你是为img绑定hover事件，第二段代码，是给.photo绑定hover事件

追问

你说的对，但是第一种情况为什么会闪呢？

Answer 3

不同浏览器内核的解析问题，应该不是你代码的问题