使用JavaScript向img标记添加类

我是一个学习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"/> 

到

有人能帮忙吗：）

---

谢谢

您可以在jQuery中使用

addClass

函数。请参阅API以获取示例。

为图像提供一个ID，比如说它是

imgId

，然后编写这个jquery（如果您想将类添加到任何特定的img标记中）

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

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

---

你确定你需要上课吗。如果您计划将css类添加到所有图像并将阴影挂接到它，那么您应该能够直接在img标记上执行此操作

img:hover{
 /*properties*/
}

---

要使用jQuery将类添加到页面上的所有图像，请执行以下操作：

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

没有jQuery也不是很难：

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

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

var images=document.getElementsByTagName（“img”）；
var i；
对于（i=0；i

您可以尝试以下方法：

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

---

但我建议您在img标记中添加一个id或general类以供选择。

$（“img”）.addClass（“imagedropshadow”）；这就是我应该做的吗？它无法工作将代码放入

$（document）.ready（函数（）{$（“img”）.addClass（“imagedropshadow”）；}）谢谢img:hover{/*properties*/}jsfiddle是一个用于调试的gr8站点谢谢：）@Vivek@James AllardiceTHANKS这是有效的$（“img”）.addClass（“imagedropshadow”）；但这不起作用：（无论如何，谢谢！
var images = document.getElementsByTagName("img");
var i;

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

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