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');
});