javascript - Jquery 的问题相当于 javascript createElement

Question

我正在尝试使用 jQuery 重新创建以下代码:

        var node = document.createElement("div");
        node.innerHTML = "DynaColumn";
        node.className = "ui-state-default ui-corner-all";

        return node;

这是我想要工作的代码:

return $("<div class='ui-state-default ui-corner-all'>DynaColumn</div>");

第一个似乎工作正常。我不确定为什么第二个不起作用:

将使用此返回值的对象将这样调用它:

something.appendChild(theNode);

Answer 1

appendChild 是一个 DOM 方法，因此需要给出一个 DOM 节点，而不是 jQuery 包装器(由 $(...) 和大多数其他 jQuery 返回方法)。

从只包含一个元素的 jQuery 包装器中获取包装节点的快速方法:

return $('<div class="ui-state-default ui-corner-all">DynaColumn</div>')[0];