jquery - jqueryはonmouseover属性を追加します

Question

jqueryで、要素に「onmouseover」イベントを追加するにはどうすればよいですか。

例えば

<tr id=row bgcolor=white>

になります

 <tr id=row bgcolor=white onMouseOver="this.bgColor='red'">

Answer 1

attr次の方法を使用できます。

$('#row').attr("onMouseOver", "this.bgColor='red'")

ただし、jQueryを使用しているので、次のon方法を使用することをお勧めします。

$('#row').on('mouseover', function() {
    $(this).css('background-color', 'red');
});

Answer 2

要素が静的である場合は、これを試してください。

var $row = $('#row');
$row.mouseover(function(){
    $row.css('background-color','red');
});

要素がページに動的に配置される場合は、これを使用します。

var $row = $('#row');
$row.on('mouseover',function(){
    $row.css('background-color','red');
});

Answer 3

属性を追加しないでください。イベントを使用します。

$('#row').mouseover(function() {
  $(this).css('background','red');
});