是否有更简单的方法来显示/隐藏鼠标操作上的元素？

Question

我这里有这段代码，我似乎总是使用类似的东西：

$(".fieldv").live('mouseenter', function() {
    $(this).children('.edit-icon').show();
}).live('mouseleave', function() {
    $(this).children('.edit-icon').hide();
});

是否有一种更简单，更简单或更简洁的方式来显示/隐藏鼠标操作中的元素，无论是悬停还是单击元素？或类似的东西...

Answer 1

为什么要使用JavaScript？

默认情况下，您需要隐藏图标：

.fieldv .edit-icon { display: none; }

然后这个CSS适用于悬停（仅在悬停时）

.fieldv:hover .edit-icon { display: block; /* or inline, etc. */ }

Answer 2

你可以试试这个：

       $(".fieldv").hover(function(){

              //mouseover

       ,function(){

              //mouseout
       });

Answer 3

$(".fieldv").hover(function() {
        $(this).children('.edit-icon').show();
    }, function() {
        $(this).children('.edit-icon').hide();
 });

使用$（“。class”）。hover（function（）{}，function（）{}）;