JQuery的：图片src可变清理

我一直在自学如何使用jQuery的这几天，都没有太多的使用它，我有点仍然停留在旧的方式（后10岁前笑）为了得到开始我从JQuery Desktop - Nathan Smith下载JQuery的桌面，从重复使用图片src链接inevatibly使文件比它需要较大的保持。所以，虽然使参考变量基本上开始重新使用相同的东西...我试图查看如何压缩它或清理它的一些，但仍然运行到我想要做的死胡同...如果任何人都会知道我能做什么，这将是非常棒的。JQuery的：图片src可变清理

代码

enter code here 
      /* SAVES DATA SPACE ALSO CREATES QUICK REFFERENCE/VARIABLE */ 
      var healthVar= 'assets/img/icons/health.png'; 
      var emailVar = 'assets/img/icons/email.png'; 
      var linkVar = 'assets/img/icons/link.png'; 
      var noteVar = 'assets/img/icons/note2.png'; 
      var videoVar = 'assets/img/icons/video1.png'; 
      var xxxVar = 'assets/img/icons/xxx.png'; 
      var socialVar = 'assets/img/icons/social.png'; 
      var webdesktopVar = 'assets/img/icons/webdesktop.png'; 
      var androidVar = 'assets/img/icons/android.png'; 
      var devVar = 'assets/img/icons/development.png'; 
      var secureVar = 'assets/img/icons/secure.png'; 
      var signalVar = 'assets/img/icons/signal.png'; 
      var setVar = 'assets/img/icons/settings.png'; 
      var spamVar = 'assets/img/icons/spam.png'; 
      var feedbackVar = 'assets/img/icons/feedback.png'; 

      $("#health_Pic").attr("src", healthVar);$("#health_PicB").attr("src", healthVar);$("#health_PicC").attr("src", healthVar); 
      $("#email_Pic").attr("src", emailVar);$("#email_PicB").attr("src", emailVar);$("#email_PicC").attr("src", emailVar); 
      $("#link_Pic").attr("src", linkVar);$("#link_PicB").attr("src", linkVar);$("#link_PicC").attr("src", linkVar); 
      $("#note_Pic").attr("src", noteVar);$("#note_PicB").attr("src", noteVar);$("#note_PicC").attr("src", noteVar); 
      $("#video_Pic").attr("src", videoVar);$("#video_PicB").attr("src", videoVar);$("#video_PicC").attr("src", videoVar); 
      $("#social_Pic").attr("src",socialVar);$("#social_PicB").attr("src", socialVar);$("#social_PicC").attr("src", socialVar); 
      $("#webdesktop_Pic").attr("src",webdesktopVar);$("#webdesktop_PicB").attr("src",webdesktopVar);$("#webdesktop_PicC").attr("src",webdesktopVar); 
      $("#android_Pic").attr("src",androidVar);$("#android_PicB").attr("src",androidVar);$("#android_PicC").attr("src",androidVar); 
      $("#dev_Pic").attr("src",devVar);$("#dev_PicB").attr("src",devVar);$("#dev_PicC").attr("src",devVar); 
      $("#secure_Pic").attr("src",secureVar);$("#secure_PicB").attr("src", secureVar);$("#secure_PicC").attr("src", secureVar); 
      $("#signal_Pic").attr("src", signalVar);$("#signal_PicB").attr("src", signalVar);$("#signal_PicC").attr("src", signalVar); 
      $("#settings_Pic").attr("src", setVar);$("#settings_PicB").attr("src", setVar);$("#settings_PicC").attr("src", setVar); 
      $("#spam_Pic").attr("src",spamVar);$("#spam_PicB").attr("src", spamVar);$("#spam_PicC").attr("src", spamVar); 
      $("#feedback_Pic").attr("src", feedbackVar);$("#feedback_PicB").attr("src", feedbackVar);$("#feedback_PicC").attr("src", feedbackVar)

我试图做到这一点：

$("#health_Pic","#health_PicB","#health_PicC").attr("src", healthVar);

，没有运气，感谢您的信息的时候头

来源

2012-04-30 acrichm

尝试：

$("#health_Pic,#health_PicB,#health_PicC").attr("src", healthVar);

来源

2012-04-30 02:26:41 j08691

哈哈东西这么简单总会让我感到困惑。其他人也.. ..谢谢 – acrichm

没问题，很高兴我能为你理顺。 – j08691

jQuery的ATTR功能只由选择器获得的第一个元素。

Get the value of an attribute for the 
first element in the set of matched elements.

使用循环更改多个图像src。

编辑：检查文档，并试图自己之后，我发现，使用.attr作为二传手并为所有元素的值。感谢j08691指出了这一点。

来源

2012-04-30 02:23:07 miguelr

啊这可以解释为什么我不得不做出A - B - C等..如果我的woulda试图通过我的woulda花了几个小时通过所有的越来越边翻找跟踪文档阅读等..但非常感谢，我甚至没有想到使用一个循环， – acrichm

你正在阅读说明不正确。它的意思是，如果你使用像'$（“格”）。ATTR（“src”中，healthVar）代码'只有第一个div jQuery的发现将有src属性改变，而不是它不仅改变一个项目。在jQuery中，您始终可以传递多个元素作为选择器的一部分。 – j08691

没关系，所以就像说div1你有4张图片div2有6张图片。 '$（ 'DIV1'）。ATTR（ 'src' 中，healthVar）'只会改变DIV1权的图像？（感谢您抽出时间来解释这对我来说，我很欣赏它） – acrichm

JQuery的：图片src可变清理

回答

相关问题