Jquery add onmouseover attribute

Question

in jquery how to add an 'onmouseover' event to an element.

eg,

<tr id=row bgcolor=white> 

becomes

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

Answer 1

You can use the attr method:

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

But since you are using jQuery, I would recommend using the on method:

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

Answer 2

try this if the element is static:

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

use this if the element is dynamically placed on the page:

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

Answer 3

Do not add an attribute. Use an event.

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