将带有属性的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);