Jquery 一次加载一个图像，然后在不同的地方多次使用它？

这是我想做的，但我不能用正确的方法来做

所以我将一组图像加载到变量中（想想数字时钟）

然后在一个循环中，我尝试将这些图像加载到一个div

//SKIP A BUNCH OF TIMER CODE THAT WORKS AND GIVES ME "seconds".

var secondDigit = "digit"+(seconds.toString()).substr(1,1);
//Trying to make a string that refers to the matching variable above.

$("#d1").html('<img src="'+digit0+'" />');        //-- THIS ONE WORKS 
$("#d2").html('<img src="'+secondDigit+'" />');   //-- THIS ONE DOESN'T

//跳过一堆有效的计时器代码，给我“秒”。
var secondDigit=“digit”+（seconds.toString（））.substr（1,1）；
//试图创建一个引用上面匹配变量的字符串。
$（“#d1”）.html（“”）；//--这个有效
$（“#d2”）.html（“”）；//--这个没有

编辑：那么使用这种方法，它是否每次都会命中服务器？如果是这样，那不是我想要的。我想保存一次图像，这样我就可以反复使用它们，而不必每次都点击服务器

---

谢谢

浏览器将缓存您的图像，因此无需担心

---

使用实际数组而不是变量数组（：p）：

var digits [
    "images/d0.png",
    "images/d1.png",
    "images/d2.png",
    "images/d3.png",
    "images/d4.png",
    "images/d5.png",
    "images/d6.png",
    "images/d7.png",
    "images/d8.png",
    "images/d9.png"
];

var secondDigit = seconds.toString().substr(1,1);

$("#d2").html('<img src="' + digits[secondDigit] + '" />');

var数字[
“images/d0.png”，
“images/d1.png”，
“images/d2.png”，
“images/d3.png”，
“images/d4.png”，
“images/d5.png”，
“images/d6.png”，
“images/d7.png”，
“images/d8.png”，
“images/d9.png”
];
var secondDigit=seconds.toString（）.substr（1,1）；
$（“#d2”）.html（“”）；

浏览器将缓存您的图像，因此无需担心

---

使用实际数组而不是变量数组（：p）：

var digits [
    "images/d0.png",
    "images/d1.png",
    "images/d2.png",
    "images/d3.png",
    "images/d4.png",
    "images/d5.png",
    "images/d6.png",
    "images/d7.png",
    "images/d8.png",
    "images/d9.png"
];

var secondDigit = seconds.toString().substr(1,1);

$("#d2").html('<img src="' + digits[secondDigit] + '" />');

var数字[
“images/d0.png”，
“images/d1.png”，
“images/d2.png”，
“images/d3.png”，
“images/d4.png”，
“images/d5.png”，
“images/d6.png”，
“images/d7.png”，
“images/d8.png”，
“images/d9.png”
];
var secondDigit=seconds.toString（）.substr（1,1）；
$（“#d2”）.html（“”）；

这很有道理！但每次都会影响服务器，对吗？有没有一种方法可以一次性获取图像并反复使用它们？@Layne-Nope。图像将由浏览器缓存。为了更好的性能，您不应该替换那些图像，而是更新它们的

src

“更新它们的src”，这就是我使用“$（“#d2”）.html（“”）；“正确吗？”@Layne-Nope所做的。你正在替换那些图像。这里有一个[不起作用的]摆弄一些示例代码：这是可比较的吗$（#d2 img”）.attr（“src”，数字[第一位]；或者这也代替了更新？这是有道理的！但每次都会影响服务器，对吗？有没有一种方法可以一次性获取图像并反复使用它们？@Layne-Nope。图像将由浏览器缓存。为了更好的性能，您不应该替换那些图像，而是更新它们的

src

“更新它们的src”，这就是我使用“$（“#d2”）.html（“”）；“正确吗？”@Layne-Nope所做的。你正在替换那些图像。这里有一个[不起作用的]摆弄一些示例代码：这是可比较的吗$（#d2 img”）.attr（“src”，数字[第一位]；或者，这是否也代替了更新？