使用 jquery 淡出隐藏图像

Question

我想隐藏图像，当图像隐藏时我希望它以淡出效果隐藏

我在 jsfiddle 中使用了这段代码，但它不起作用

<button id="btn">Click me</button>

<img id="img" src="http://www.darbarg.com/Magazine/Picture/journal-29705363/4.jpg" width="300" heght="300"/>



$('#btn').click(function(){
    $('#img').css('display','none').fadeOut('slow')
})

Answer 1

在您的代码中删除 .css() 它会快速隐藏 img 标签，因此只需使用 .fadeOut() 功能就足够了

$('#btn').click(function(){
    $('#img').fadeOut('slow');
});

Fiddle

Answer 2

您正在使用 css() 将其设置为不可见，然后淡出！

$('#btn').click(function(){
    $('#img').fadeOut('slow')
})

JSFiddle: http://jsfiddle.net/TrueBlueAussie/nm36s05u/3/

另请注意：您的 JSFiddle 不包含 jQuery（JSFiddle 的左侧面板上有选项）。

使用 jquery 淡出隐藏图像

hide image with jquery fadeout

jquery

fadeout