为什么调用jQuery的appendChild会因未定义的错误而失败？

这是我简单的HTML：

 
 Hello World! 
  

这是随附的JavaScript：

 $(document).ready(function() { var myDOMElement = document.getElementById("myParentDivElement"); var newDivID = "div_1"; var newDiv = $('
'); $( newDiv ).css('marginLeft', '50px'); var newSpanID = "span_1"; var newSpan = $(''); newSpan.text('myLabel'); newDiv.appendChild(newSpan); $( myDOMElement ).appendChild(newDiv); }); 

但是，当我运行此代码时，行newDiv.appendChild(newSpan); 给出以下错误：

 Uncaught TypeError: undefined is not a function 

有人可以解释原因吗？ 这是JSFiddle显示它不起作用： http ： //jsfiddle.net/TsTMx/2/

Answer 1

.appendChild()是一个简单的JavaScript方法，而不是jQuery。 jQuery方法是.append() 。

 newDiv.append(newSpan); $( myDOMElement ).append(newDiv); 

Answer 2

newDiv是一个jQuery对象，而不是一个DOM对象。

jQuery对象没有appendChild方法 ，它们有一个append方法。

Answer 3

使用.append()

 newDiv.append(newSpan); 

.appendChild（）适用于DOM元素。 newDiv是jQuery Object，不是简单的JavaScript DOM元素。

工作小提琴