Question

    $('<a />').attr({
        'href': '#'
    })
    .append(
        $('<img />').attr({
            'id'    : 'img',
            'src'   : 'edit.png'
    }))
    .appendTo('body');

将<a href="#"><img src="edit.png" id="img" /></a>添加到身体的“正确方法”是什么？

另外我如何在img上添加一些css？

Answer 1

您可以将所有内容直接放入jQuery（）以及版本1.4.x

$('<a />', {
    'href': '#'
})
.append(
    $('<img />', {
        'id'    : 'img',
        'src'   : 'edit.png',
        'css'   : {
            'width'  :  '100px',
            'height' :  '30px'
        }
}))
.appendTo('body');

这甚至适用于事件和数据，您可以说

$('<div/>', {
     id:    'myID',
     class: 'myCLASS',
     css:   {
         position: 'absolute'
     },
     click: function(e){
         alert(e.target.id);
     },
     data:  {
         foo:  'bar'
     }
}).appendTo(document.body);

Answer 2

抛开TIMTOWTDI，是的，这是一种做法。请记住，没有“正确”的正确方法。如果它有效，则意味着你走在正确的轨道上。

另外，正确是相对的。

Answer 3

$('<img/>').attr({
     'id'    : 'img',
     'src'   : 'edit.png'
 }).css({/* css here*/})

这是在链接中设置图像的正确方法吗？

4 个答案: