Измените источник изображения при наведении курсора с помощью jQuery

Я знаю, что вы спрашиваете html об использовании jQuery, но webpage вы можете добиться того же jquery-post эффекта в браузерах, в которых divs отключен JavaScript с помощью jquery CSS:

#element {
    width: 100px; /* width of image */
    height: 200px; /* height of image */
    background-image: url(/path/to/image.jpg);
}

#element:hover {
    background-image: url(/path/to/other_image.jpg);
}

Есть более длинное описание addclass here

Однако еще лучше использовать addclass спрайты: simple-css-image-rollover