JQuery JavaScript Tutorial

< html>
  
    
    
$(document).ready(
  function() {
    $('div').hover(
      function() {
        $(this).attr('id', 'justAdd');
        $(this).text('This element\'s ID is: ' + $(this).attr('id'));
      },
      function() {
        $(this).attr('id', '');
        $(this).text('This element\'s ID has been removed.');
      }
    );
  }
);
$('a').removeAttr('title');
    
    
div {
    width: 350px;
    padding: 10px;
    border: 1px solid rgb(200, 200, 200);
    background: #93cdf9;
    margin: 5px;
}
div#justAdd {
    background: #6faddd;
}
    
  
  
     
Mouse over to change this element's id.