mouseenter, leave 這種怎麼簡寫啊？

Question

$(".help_cover").mouseenter(function(event) {
  $(".layout_help_cover").fadeIn();
});
$(".help_cover").mouseleave(function(event) {
  $(".layout_help_cover").fadeOut();
});

請問這種代碼能怎麼簡寫？我想到是這樣了，沒有別的方式，有大神知道還能再簡寫嗎？

Answer 1

$(".help_cover")
.mouseenter(function(event) {
  $(".layout_help_cover").fadeIn();
})
.mouseleave(function(event) {
  $(".layout_help_cover").fadeOut();
});

略微简化一点点

Answer 2

var $aniCover = $('.layout_help_cover');
$('.help_cover').on({
    mouseenter: function() {
        $aniCover.fadeIn();
    },
    mouseleave: function() {
        $aniCover.fadeOut();
    },
});

个人觉得jQ的事件简写其实很鸡肋。。。(当然放在文档里提醒你有什么事件可以用这点还是有一定现实意义的。)