Anexar contenido HTML con atributos a un selector de jQuery

Quiero agregar tags DIV con atributos dentro de un elemento seleccionado. Entiendo que la forma normal de insertar contenido HTML de acuerdo con el sitio web de jQuery es:

$('#selected_element').append('
{HTML CONTENT}
'); 

Sin embargo, también necesito agregar eventos del mouse en las tags DIV al mismo tiempo. Observo que hay una manera que se ve así:

 $('#selected_element').append($('
', { mouseover: function(){alert('mouseover');}, mouseout: function(){alert('mouseout');} })); 

¿Cómo combino los dos métodos para agregar contenido y atributos?

 var $div = $('
{content}
').attr('attrName', 'attrVal').hover( function() { alert('mouseover'); }, function() { alert('mouseout'); } ); $('#selected_element').append($div);