是否有更簡單的方法來顯示/隱藏鼠標操作上的元素？

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（）{}）;