最近在研究一个关于js+div"鼠标悬停在li时显示删除按钮"

Question

最近在研究一个关于js+div"鼠标悬停在li时显示删除按钮";但是效果不理想。请想一下高手们，以下是代码：

以上是可行的，但是如果改为下面就不行了：

改成“img”就不起作用了。span和img不都是标签？为何用span可以；img就不行？

或者直接改为自定义样式，不知道如何改？

Answer 1

不要用mouseover/mouseout，用这个移动到子元素也会触发。既然用的jquery就用jquery绑定事件就行了，用mouseenter/mouseleave事件，去掉dom里面写死的事件

   $(function () {
        $('#ulID>li').mouseenter(function () { $('span', this).show() }).mouseleave(function () { $('span', this).hide() })
    })