jQueryでホバーcssを変更するには？

Question

私はこのコード

var btn = $('<button>Button</button>'); 
$('body').append(btn); 
btn.hover().css('background-color', 'red'); 

を試してみました。しかし、それはあなただけのネイティブcss :hoverセレクタを使用することができます

Answer 1

を動作しません。

button { 
 
    border: 0px; 
 
    padding: 10px; 
 
    font-size: 16px; 
 
    background-color: blue; 
 
    color: white; 
 
} 
 

 
button:hover { 
 
    background-color: red; 
 
    cursor: pointer; 
 
}

<button>Click!</button>