Почему не работает скрипт?

Question

[Dvorak]

По каким причинам может не работать следующий код?

bar=$('.bar-text');
bar.on('hover', function() {
                $(this).css('background-color', 'black');
            })

Answer 1

[Алексей Уколов]

По каким причинам может не работать следующий код?

Давайте начнем с начала - ваш компьютер включен?

Ну а если серьезно:

var bar = $('.bar-text');

bar.hover(
  function() {
      $(this).css('background-color', 'black');
  },
  function() {
      $(this).css('background-color', 'transparent');
  }
);

Answer 2

[AdNahim]

hover - устарел, вроде как начиная с 1.9. Следует использовать mouseenter/mouseleave

var bar = $('.bar-text');
            
bar.mouseenter(function() {
    $(this).css('background-color', 'black');
  })
  .mouseleave(function() {
    $(this).css('background-color', 'transparent');
  });

Answer 3

[Сергей Жубартович]

Я знаю

bar.hover(function() {
  // todo
});

Но вот о .on("hover") слышу впервые