在jquery中更改img标记的类名

Yog*_*rle 1 html javascript css jquery

我必须在img标签中更改类名

<img src="img/nex2.jpeg" class="name">
Run Code Online (Sandbox Code Playgroud)

现在在jquery中的悬停函数我想为它添加一个类名.所以在悬停后这个标签看起来应该是这样的

<img src="img/nex2.jpeg" class="name secondname">
Run Code Online (Sandbox Code Playgroud)

再次删除它应该改为

<img src="img/nex2.jpeg" class="name">
Run Code Online (Sandbox Code Playgroud)

D4V*_*V1D 8

这是你需要的:

jQuery(function($) {
    $('img.name').hover(function() {
        $(this).addClass('secondname');
    },
    function() {
        $(this).removeClass('secondname');
    });
});
Run Code Online (Sandbox Code Playgroud)

或者更好地使用CSS:

img.name:hover {
   // do your styling here
}
Run Code Online (Sandbox Code Playgroud)