Как добавить () элемент и установить его стиль с помощью css () одновременно с jQuery

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).