Jquery 检测特定图像是否已加载,然后执行某些操作。。。

Jquery 检测特定图像是否已加载,然后执行某些操作。。。,jquery,css,Jquery,Css,我正在慢慢地了解JS/Jquery,我需要帮助/指导如何检测“特定”图像何时“可见”,这样我就可以删除不同元素上的类。我相信很简单…只是想理解逻辑 JS. $('.my-big-hero').find('my-image-here.jpg:visible').removeClass('class-i-want-removed'); 这可能是一个简单的(也是错误的)展示方式,但它是为了让你了解我想要实现的目标。我尝试了各种方法来写这篇文章,但没有成功 感谢您提供的任何帮助。您可以通过以下方式使用

我正在慢慢地了解JS/Jquery,我需要帮助/指导如何检测“特定”图像何时“可见”,这样我就可以删除不同元素上的类。我相信很简单…只是想理解逻辑

JS.

$('.my-big-hero').find('my-image-here.jpg:visible').removeClass('class-i-want-removed');
这可能是一个简单的(也是错误的)展示方式,但它是为了让你了解我想要实现的目标。我尝试了各种方法来写这篇文章,但没有成功

感谢您提供的任何帮助。

您可以通过以下方式使用
.is(“可见”)
toggleClass
功能:

$('.my-big-hero').find('my-image-here.jpg').toggleClass('class-i-want-removed', !$(this).is(':visible'));

然后,如果类不可见,元素将删除该类
class-i-want-remove
,一旦该类可见,它将被删除。

使用JQuery,您可能可以执行以下操作:

$(".my-big-hero").find("my.image.here.jpg").on("load", function() {
   $(this).removeClass("class-i-want-removed");
});

如果($('.my big hero').find('my-image-here.jpg').is(“:visible”){$(this.removeClass('class-i-want-removed');}
以下是我喜欢这个问题的答案-你可能会得到一些答案,它们都做同样的事情。我很快会给出我自己的答案:-)…到目前为止已经回复的所有人…谢谢!!!我现在正在研究不同的解决方案,看看哪一个最适合我的逻辑。太棒了……谢谢大家……谢谢@amhev。它并没有按照我想要的方式工作,但仅仅是看到您的逻辑就可以帮助我更多地理解jquery……我将继续尝试,看看是否可以使用您的逻辑以及其他我得到回复的人:-)