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

请勿添加该属性。使用该事件。

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

Answer 3

试试这个，如果该元素是静态的：

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

使用这个元素是否动态地放置在页面：

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