如何使用 jQuery append() 元素并同时使用 css() 设置其样式

Question

我试过: $('#canvas').append('<div class="tile"></div>').css({left: leftPos, top: topPos});，但这设置了#canvas而不是附加元素的样式。

然后我尝试了：$('#canvas').append(('<div class="tile"></div>').css({left: leftPos, top: topPos}));，但这给出了错误“对象<div class="tile"></div>没有方法'css'”。

如何添加元素并同时设置其样式？

Answer 1

你可以这样做：

$('<div class="tile"></div>').css({left: leftPos, top: topPos})
                             .appendTo('#canvas');

这将创建元素，为其设置样式，然后用于.appendTo()将其放置在同一位置。

或者，如果您使用的是 jQuery 1.4，则可以在创建时指定属性，包括 CSS，如下所示：

$('<div />', { class:'title', css: {left: leftPos, top: topPos}})
   .appendTo('#canvas');?

有关此方法的更多信息，请查看jQuery()文档，特别是jQuery(html,props)部分。