Jquery - 从链接列表中更改图像源？

Question

我有一个链接列表旁边有一个图标 - 我希望能够在鼠标悬停在链接上时更改图标img源（这样每个链接都会将图标更改为不同的图像）我想用jquery做这件事，但我无法弄清楚这是最好的方法。

理想情况下，我想给链接一个类，所以我可以在jquery选择器中使用它，但是我如何发送图像的名称加载到jquery函数？ 在每个包含图像名称的链接中是否需要定义属性？ 如果我这样做，我将如何预加载图像？

Answer 1

你没有为你的问题指定图像源，所以我假设图像源的label属性，

尝试Demo： http://jsbin.com/ubipo3

$(function() {
  var arey = [];
  $('.links').each(function() {
    var img = new Image(); //preload Images
    img.src = $(this).attr('label');
    arey.push(img);   
  }).hover(function(){
    $('#icon').attr('src',$(this).attr('label')); 
  });
});