Javascript 查找加载了div背景图像的方法

当我尝试以两种不同的方式（不是从使用角度，而是从性能角度）执行以下操作时，我在想差异在哪里：

• 使用图像标签

  <img src='http://lorempixel.com/300/300/sports/2/'>
  

• 使用div标记

  <div class='test'></div>
  

话虽如此，我想知道这两种情况下何时加载图像。首先，使用load事件非常简单。但是对于第二个例子，div case，我应该如何检查呢？我知道这种方法，但这不意味着它会产生开销，分别为每个div实例化

Image

---

是否有其他可能的方法来实现相同的目标？

为onload事件添加事件侦听器

加载对象后，将激发onload属性

onload在元素中最常用于执行 在网页完全加载所有内容（包括 图像、脚本文件、CSS文件等）。但是，它可以用于 还有其他因素

那么，如何将此应用于2案例

$('<img/>').attr('src', 'IMAGE_SOURCE_LINK').load(function() {
   $(this).remove(); 
   $('element').css('background-image', 'url('IMAGE_SOURCE_LINK')');
});

$（'
上面的代码只显示了我的意思。浏览器不会重新加载图像，因为它们保留在浏览器内存中，并且浏览器只加载它们一次。
好吧，如果您看到了我分享的小提琴，它已经考虑到了您所说的方法。。但无论如何，谢谢您的时间。）
.test{
  background-image: url('http://lorempixel.com/300/300/sports/2/'); 
  width: 100px;
  height: 100px; 
} 

$('<img/>').attr('src', 'IMAGE_SOURCE_LINK').load(function() {
   $(this).remove(); 
   $('element').css('background-image', 'url('IMAGE_SOURCE_LINK')');
});