Javascript 在悬停Jquery上隐藏图像并显示文本

我有以下代码：

$（“.service link”）.mouseover（函数（）{
$（this.find（'img:first'）.hide（）；
var txt=$（this.attr（“数据文本”）；
$（this）.text（txt）；
}).mouseout（函数（）{
$（this.text（）；
$（this.find（'img:first'）.show（）；
});






$（“.service link”）.mouseover（函数（）{
$（this.find（'img'）.toggle（）；
$（this.find（'span'）.toggle（）；
}).mouseout（函数（）{
$（this.find（'img'）.toggle（）；
$（this.find（'span'）.toggle（）；
});









$（“.service link”）.mouseover（函数（）{
$（this.find（'img'）.toggle（）；
$（this.find（'span'）.toggle（）；
}).mouseout（函数（）{
$（this.find（'img'）.toggle（）；
$（this.find（'span'）.toggle（）；
});








只需使用css即可实现。在父对象悬停时切换“显示”属性

示例代码段：


#servicesNav.servSep span{
显示：无；
}
#服务AV.servSep：悬停范围{
显示：内联；
}
#servicesNav.servSep:hover.image标记{
显示：无；
}







只需使用css即可实现。在父对象悬停时切换“显示”属性

示例代码段：


#servicesNav.servSep span{
显示：无；
}
#服务AV.servSep：悬停范围{
显示：内联；
}
#servicesNav.servSep:hover.image标记{
显示：无；
}







您可以简单地使用css来实现这一点。
不需要js


ul li a：悬停img{
显示：无
}
ul li a：悬停跨度{
显示：块
}
ul li a img{
显示：块
}
ulli是一个跨度{
显示：无
}




您可以简单地使用css来实现这一点。
不需要js


ul li a：悬停img{
显示：无
}
ul li a：悬停跨度{
显示：块
}
ul li a img{
显示：块
}
ulli是一个跨度{
显示：无
}




您应该添加一个span will文本，然后只需切换图像或span就可以了hover@guradio举个例子会很有帮助：）您应该添加一个span will文本，只需切换图像或span就可以了hover@guradio举个例子会很有帮助：）