將帶有屬性的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);