精简掉IF语句，鼠标移动到a标签更换图片

最新推荐文章于 2023-11-03 10:29:29 发布

刘已墨

最新推荐文章于 2023-11-03 10:29:29 发布

阅读量424

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/kaihuayu/article/details/80935920

版权

javascript 专栏收录该内容

6 篇文章 1 订阅

订阅专栏

语句

$(function(){
 
    $('.advantage').find("a").each(function(i) {
 
        $(this).on("mouseenter",
            function() {
             
                if (i == 0) {$(this).find('img').attr('src','images/ys/cbjd-0.png');}
                    if (i == 1) {$(this).find('img').attr('src','images/ys/jhxx-1.png');}
                        if (i == 2) {$(this).find('img').attr('src','images/ys/jzsj-2.png');}
                            if (i == 3) {$(this).find('img').attr('src','images/ys/jzsj-3.png');}
        })
 
 
    })
})

精简后

		$(function(){
 
			$('.advantage').find("a").each(function(i) {  //鼠标移动到a标签更换图片
 
				$(this).on("mouseenter",
					function() {
					imgs = $("img", this);//直接返回符合条件的img元素
						var arr = ["cbjd-z","jhxx-z","jzsj-z","jzsj-z"];
						//$(this).find('img').attr('src','images/ys/'+arr[i]+'.png');//是先遍历出所有的a元素在找出IMG元素
						imgs.attr('src','images/ys/'+arr[i]+'.png'); //这样应该更快
						
				})
			})
		})