使用 JavaScript 向 img 标签添加类答案

【问题标题】：Adding a class to img tags using JavaScript使用 JavaScript 向 img 标签添加类
【发布时间】：2011-09-12 08:26:36
【问题描述】：

我是一个学习 javascript 的人，我正在尝试将带有 CSS 的图像悬停阴影效果添加到我的图像中，为了使其正常工作，我必须为我的所有 img 标签添加一个类，这是手动无法实现的，所以我我正在尝试编写一个 javascript 来执行此操作并使用 jquery 来执行此操作。

需要给img标签加一个类，比如这个

从这里

<img border="0"  height="75" src="http://3.bp.blogspot.com/-qhxaAUAJUVQ/TeocW4AuIiI/AAAAAAAABCo/IYy7hQ6-5VQ/s200/CSSEditLogo1.jpg" width="75"/>

到

<img border="0" class="imagedropshadow" height="75" src="http://3.bp.blogspot.com/-qhxaAUAJUVQ/TeocW4AuIiI/AAAAAAAABCo/IYy7hQ6-5VQ/s200/CSSEditLogo1.jpg" width="75"/>

谁能帮忙:)

谢谢

【问题讨论】：

标签： javascript jquery css class image

【解决方案1】：

使用 jQuery 将类添加到页面上的所有图像：

$("img").addClass("imagedropshadow")

没有jQuery也不是很困难：

var images = document.getElementsByTagName("img");
var i;

for(i = 0; i < images.length; i++) {
    images[i].className += " imagedropshadow";
}

【讨论】：

【解决方案2】：

给你的图片一个ID，假设它是imgId，然后写这个jquery（如果你想给任何特定的img标签添加类。）

$(document).ready(function(){ 
      $('#imgId').addClass('imagedropshadow');
});

对于所有 img 标签，只需使用它；

$("img").addClass("imagedropshadow");

【讨论】：

【解决方案3】：

你确定你需要这门课吗？如果您打算为所有图像添加一个 css 类并将阴影挂钩到它，您应该可以直接在 img 标签上执行此操作。

img:hover{
 /*properties*/
}

【讨论】：

感谢这个工作.. $("img").addClass("imagedropshadow");但这不起作用:(无论如何谢谢！

【解决方案4】：

您可以在 jQuery 中使用 addClass 函数。有关示例，请参阅 API here。

【讨论】：

我应该这样做吗？它不工作
将您的代码放入$(document).ready(function(){ $("img").addClass("imagedropshadow"); });
感谢 img:hover{ /*properties*/ } 工作 jsfiddle 是一个用于调试的 gr8 站点谢谢 :) @Vivek @James Allardice

【解决方案5】：

你可以试试这个：

$('img').addClass('imagedropshadow');

但我建议你在img标签中添加一个id或者通用类进行选择。

【讨论】：