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