Question

jquery判断当鼠标经过li标签,li下img元素修改class，知道的朋友解答下，谢谢

如下代码，我想鼠标经过li标签，img的class被修改为class="a border img"，当鼠标移开，class变为原来属性，该怎么写代码呢？知道的朋友解答下，谢谢
<li><a href="/ac/?m=vod-detail-id-81.html" target="_blank"><img src="/ac/upload/vod/2015-09-17/14424196007.jpg" class="radius-big" alt="新模 pans视频 2014.07.09 No.266">
<span><a href="/ac/?m=vod-detail-id-81.html" target="_blank">新模 pans视频 2014.07.09 No.266</a></span>
</a>
</li>

Answer 1

$(function(){
$("li").hover(function() {//当鼠标经过li时
$(this).find("img").toggleClass("radius-big a border img");//切换设置img的class值
console.log($(this).find("img").attr("class"));//在浏览器控制台打印img的class值，以检查修改效果
});
});

Answer 2

以下代码需要引入jquery，看看是你要的效果不
<script>
                $("li").on('mouseover', function(event) {
                    $("img",this).addClass('a border img').removeClass('radius-big');
                });
                $("li").on('mouseout', function(event) {
                    $("img",this).addClass('radius-big').removeClass('a border img');
                });
 
            </script>