How to do this mouse over effect in jquery?

You can try this code

      <style>
        .mybtn{
            color: white;
            padding:10px;
            border-style: none;
        }
        .myhover{
          background-color: #555;
          transition: background-color 0.4s;
        }
          .myhover:hover{
          background-color: teal;
        }
    </style>

   <button class="mybtn myhover">Hover me!</button>