Jquery 如何正确使用$（this）

我正在创建一个jquery代码，使每个图像在单击图像后消失。我使用的是相同的图片，但是当我点击每一张图片时，它并没有隐藏点击过的图片，而是从下到上隐藏了图片

这是我的jQuery代码

$(document).ready(function(){
    $('img').click(function(){
        $(this).hide();
    });

});

有什么想法吗

$(document).ready(function(){
    $('img').click(function(){
        $(this).fadeOut();
    });
});

---

试试这个，你就会知道你的代码正在工作：）

它实际上是在隐藏点击的元素

但是，它似乎是自下而上隐藏的，因为当您单击顶部图元时，该图元被隐藏，而较低的图元在其位置向上滑动

为了向自己证明这一点，请尝试向图像添加

title

属性

$（文档）.ready（函数（）{
$（'img'）。单击（函数（）{
$（this.hide（）；
});
});
正文{
背景色：#e74c3c；
字体系列：“Lato”，无衬线；
字号：300
}
#包装纸{
宽度：71%；
保证金：0自动；
}
img{
边框：6px实心#f1c40f；
利润率：20px 22px 0px 0px；
光标：指针；
}
哎呀，你的代码正在运行。你没有看到，因为所有的图像都是一样的。更改图像，您可以看到代码实际在做什么。测试此代码


$（文档）.ready（函数（）{
$（'img'）。单击（函数（）{
$（this.hide（）；
});
});
正文{
背景色：#e74c3c；
字体系列：“Lato”，无衬线；
字号：300
}
#包装纸{
宽度：71%；
保证金：0自动；
}
img{
边框：6px实心#f1c40f；
利润率：20px 22px 0px 0px；
光标：指针；
}

代码正在运行。图像删除会导致后续图像移动。尝试使用不同的URL如果单击一个图像，另一个图像将消失。我想要达到的是，当我点击图像时，“点击”的图像将消失。否。请使用不同的URLSS再次验证，直到无法修复为止。它必须隐藏“单击”的确切图像@KimberlyWright，它正在隐藏单击的确切图像。为了证明这一点，在单击图像之前，请等待标题出现，例如
image 1
。单击它，然后，下一个图像将就位，标题将是
image 2
是的，但是“完全单击”的图像不会消失。尝试添加标题标记，但没有解决问题。@KimberlyWright您的意思不会消失。我尝试用不同的边框颜色制作三张图片。尝试单击带有蓝色、绿色和红色边框的彩色图像。