jQuery操作文档新姿势

现要在body下插入一张包含一些属性的图片，使用jQuery操作document传统的做法是：

var html = ' <img src="../images/little.bear.png" alt="Little Bear"'+
           ' title="I woof in your general direction" '+
           ' onclick="showTitle($(this));"><img/>'
$(html).appendTo('body');
function showTitle(val){
    var $this = val;
    alert($this.attr('title'));
}

现使用更优雅的方法来实现这个操作：

$('<img>',
{
    src: '../images/little.bear.png',
    alt: 'Little Bear',
    title:'I woof in your general direction',
    click: function() {
        alert($(this).attr('title'));
    }
}).appendTo('body');

注：$('<img>')等同于$('<img></img>')或$('<img/>')

《jQuery实战 第三版》读书笔记