有什么办法可以解决jq修改图片src后图片资源加载两次的问题？

Question

html代码：

<img src="a.jpg" class="banner">

jq代码：

$(document).ready(function () {
    $(".banner").attr("src","2.jpg");
})

jq代码生效，成功地把图片a.jpg改成b.jpg。但现在有个问题是请求资源的时候会把a.jpg和b.jpg一并加载，当图片资源比较多要替换的时候，会影响性能。有没有什么办法，在img还未加载完成之前，通过jq把src的路径修改却不加载原来的a.jpg这个图片呢？

Answer 1

虽然没怎么看懂你的问题，但是我想说解决此类问题通常采用的方式是js的代理模式，参考代码如下var myImage = (function(){        var imgNode =document.getElementByClassName('banner')[0];        return function(src){             imgNode.src = src;          } })();var ProxyImage = (function(){        var img = new Image();         img.onload = function(){             myImage(this.src);         };        return function(src) {             myImage("a.jpg");             img.src = src;         }     })(); ProxyImage("b.jpg");原谅我原生风，你可以稍微改一下