Добавление класса в теги img с использованием JavaScript

Question

Я учусь на 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"/>

Может кто-нибудь помочь :)

Спасибо

Answer 1

Чтобы добавить класс ко всем изображениям на вашей странице с помощью jQuery:

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

Без jQuery это тоже не очень сложно:

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

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

Answer 2

присвойте вашему изображению идентификатор, допустим, что это imgId, а затем напишите этот jquery (если вы хотите добавить класс к любому конкретному тегу img.)этот;

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

Answer 3

Вы уверены, что вам нужен класс. Если вы планируете добавить класс css ко всем изображениям и закрепить за ним тень, вы сможете сделать это непосредственно для тегов img.

img:hover{
 /*properties*/
}

Answer 4

Вы можете попробовать это:

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

Но я предлагаю вам добавить идентификатор или общий класс в тег img для выбора.

Answer 5

Вы можете использовать функцию addClass с jQuery. См. API здесь для примеров.