(抱歉，这个标题不好，我想不出更好的标题了)
我最近了解到你可以在 jquery 中做这样的事情:
$("<div><span>content</span></div>").css("color", "red").appendTo("body");
我的问题如下:
$("<div><span>content</span></div>")
jquery 如何将其从字符串转换为 dom 元素，以及如何在 vanilla js 中做同样的事情(没有 jquery)？
我尝试查看jquery源代码，但我不太明白。
非常感谢任何解释!
最佳答案
纯 JavaScript 中的等价物是
var newDiv = document.createElement("DIV");
newDiv.style.color = "red";
var newSpan = document.createElement("SPAN");
newSpan.innerHTML = "content";
newDiv.appendChild(newSpan);
document.body.appendChild(newDiv);
jquery 通过定义可链接的函数来实现这一点，这意味着下一个函数使用前一个函数的返回值作为其输入，因此在您的示例中，它将 css 添加到您的 html 代码中，然后将所有这些代码添加到正文中
关于javascript - 这段 jquery 代码是如何工作的？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29442536/