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