在jquery中更改预加载的图像

我正试图通过点击改变图像。这些图像应该预加载，但我甚至不知道它们是否正在预加载。Jquery新手，请帮助

<script src="https://code.jquery.com/jquery-1.10.2.js">
$(document).ready(function() {
 var preloads = [
    'images/01.jpg',
    'images/02.jpg',
    'images/03.jpg',
    'images/04.jpg',
    'images/05.jpg',
 ]; 

 $(preloads).each(function(){
     $('')[0].src=this;
 });
 var i = 0;


});

$("img").click(function() {
    ++i;
    if(i = 17)  {
        i = 0;
    }
    $(this).src = preloads[i];
});
</script>

$（文档）.ready（函数（）{
var预载=[
“images/01.jpg”，
‘images/02.jpg’，
“images/03.jpg”，
‘images/04.jpg’，
‘images/05.jpg’，
]; 
$（预加载）。每个（函数（）{
$（''[0].src=this；
});
var i=0；
});
$（“img”）。单击（函数（）{
++一,；
如果（i=17）{
i=0；
}
$（this）.src=预加载[i]；
});

你所拥有的东西有一些问题。首先，不能为带有主体的

标记指定

src

，因为这样它就不会执行标记内的内容，只执行从源代码加载的内容。其次，更改行

$（''）[0].src=this

到

$（”并将函数声明更改为
函数（i，val）{
，以便传递与数组的每个索引关联的字符串

因此，以下是解决方案：

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
  $(document).ready(function() {
    var preloads = [
      'images/01.jpg',
      'images/02.jpg',
      'images/03.jpg',
      'images/04.jpg',
      'images/05.jpg',
    ];

    $(preloads).each(function(i, val) {
      $('<img/>').get(0).src = val;
    });
    var i = 0;

    $("img").click(function() {
      ++i;
      if (i = 17) {
        i = 0;
      }
      $(this).get(0).src = preloads[i];
    });
  });
</script>


$（文档）.ready（函数（）{
var预载=[
“images/01.jpg”，
‘images/02.jpg’，
“images/03.jpg”，
‘images/04.jpg’，
‘images/05.jpg’，
];
$（预加载）。每个（函数（i，val）{
$('
检查浏览器开发人员面板中的
网络
选项卡，查看何时实际发出请求。我有，而且除了HTMLTanks中的第一个图像外，它似乎没有加载任何内容。现在我看到它正在加载图像，但单击更改src仍然不起作用。对此有什么想法吗？