javascript - 如何使用 jQuery 同时附加()一个元素并使用 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() documentation ，特别是 jQuery(html,props) 部分。