Поведение кнопки при наведении на неё курсором

.active-button::after { 
  content: "Текст на кнопке"; 
} 
.active-button:hover::after { 
  content: "Нажми!"; 
}

<button class="active-button"></button>

$('.active-button').hover(function() { 
    $(this).text('Нажми'); 
  }, 
  function() { 
    $(this).text('Текст на кнопке'); 
  } 
);

.active-button{ 
width:200px; 
text-align:center; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<button class="active-button">Текст на кнопке</button>