jQuery使用add方法添加元素失效且无报错的解决办法

问题原因 #

你当前的写法混淆了jQuery的add()方法和DOM插入方法的功能：

• add()方法的作用是向当前jQuery元素集合中添加新的元素，仅修改集合本身，不会执行DOM插入操作，所以不会在页面渲染新元素，也不会抛出语法错误。你写的$("#output").add($("<div></div>").add("Hello"));执行后只会得到一个包含#output元素、新建div、Hello文本节点的jQuery集合，没有任何DOM修改逻辑，自然看不到效果。
• 你给div添加文本的逻辑也有误：$("<div></div>").add("Hello")的作用是把"Hello"文本节点加入元素集合，不是给新建的div设置内容。

正确实现 #

你可以用append()方法实现把新元素追加到#output容器内的需求，两种常用写法：

• 单独设置元素内容：

$("#output").append($("<div></div>").text("Hello"));

• 直接拼接HTML字符串：

$("#output").append("<div>Hello</div>");

内容的提问来源于stack exchange，提问作者Antosser