这种编写jQuery的方法在技术上是否正确？

Question

我正在从Prototype JS转换为jQuery并更改语句：

inputElement = divElement.appendChild(new Element("input", {"type": "text"}).addClassName('xs_input'));

为：

divElement.append(inputElement = $("<input/>", {"type": "text"}).addClass('xs_input'));

我意识到我可以在不同的行上写它，例如。

inputElement = $("<input/>", {"type": "text"}).addClass('xs_input');
divElement.append(inputElement);

但是，在一个声明中做到这一点有什么不对，或有任何缺点吗？它似乎有效，至少在Chrome中。

Answer 1

jQuery Way™倾向于尽可能地将所有内容链接起来以使代码保持可读状态。如果我必须编写该代码，我将利用appendTo method：

$("<input/>", {"type": "text"})
    .addClass('xs_input')
    .appendTo(divElement);

此外，addClass调用不需要设置[class]属性：

$('<input>', {
    'type': 'text',
    'class': 'xs_input'
}).appendTo(divElement);