javascript - jquery优化，重复使用这个

Question

我对鼠标悬停和鼠标移出使用相同的变量，有什么办法可以缩短这个时间吗？

$('#service_tab li').on('mouseover', function() {

  var $a = $(this).find("a"),
    dt = $a.attr("href");
  $(dt).addClass('tabv');
  $("#tabs-1").addClass('tabh');

});

$('#service_tab li').on('mouseout', function() {
  var $a = $(this).find("a"),
    dt = $a.attr("href");
  $(dt).removeClass('tabv');
  $("#tabs-1").removeClass('tabh');
});

Answer 1

使用event.type 。

$('#service_tab li').on('mouseover mouseout', function (e) {
    var $a = $(this).find("a"),
    dt = $a.attr("href");
    if (e.type == 'mouseover') {
        $(dt).addClass('tabv');
        $("#tabs-1").addClass('tabh'); 
    } else {
        $(dt).removeClass('tabv');
        $("#tabs-1").removeClass('tabh');
    }
});