将带有属性的HTML内容附加到jQuery选择器

Question

我想在选定元素中添加具有属性的DIV标记。据我所知，根据jQuery website插入HTML内容的正常方式是：

$('#selected_element').append('<DIV id=' + A + '>{HTML CONTENT}</DIV>'); 

不过，我还需要在同一时间上的DIV标签添加鼠标事件。我注意到，有一种方法，看起来像这样：

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

如何将两种方法结合起来，以添加内容和属性？

Answer 1

var $div = $('<div>{content}</div>').attr('attrName', 'attrVal').hover(
    function() { 
    alert('mouseover'); 
    }, 
    function() { 
    alert('mouseout'); 
    } 
); 

$('#selected_element').append($div);