Javascript 如何创建包含元素的Jquery对象

如果我没有在正确的地方搜索，请原谅，然而，我一直在互联网上搜索如何创建jquery对象，但是我找不到适合我需要的解决方案

这个对象中必须包含大量html，因为我计划将该对象附加到另一个元素中

我发现的例子： 将元素的内部Html添加到字符串，并将其添加到jquery对象：

var htmlText = "<div id='foo1'><a class='foo2'><h1 class='foo3'></h1></a></div>"
var $jqueryObject = $("<div>", {
                class: "bar",
                html: htmlText
        });

像这样的

var htmlText=“测试”；
var$jqueryObject=$（“div”）.append（htmlText）.find（'.foo3'）.css（“颜色”，“红色”）
您可以在添加之前编辑缓存中的html对象，如下所示：

$(jqueryObject).find('#foo1').css('background-color', 'grey')

每次单击按钮时，您的页面都可能被提交到服务器

试一试

什么是“奇怪效应”？您希望会发生什么呢？添加时，网页上只剩下jquery对象的内容。所以在这个例子中，只会保留（但是html，头-体标记仍然存在）这是正确的并且有效的，但是，我无法更改内部元素，比如在附加到文档之前，这是我所需要的。谢谢你的回答@凯尔布鲁你可以。下面是我的答案，我很困惑。。。你所做的必须是正确的，然而，这在我的文档中似乎不起作用。。。看来这个问题不会很快得到解决的哈哈。感谢您的帮助，尽管guysmake用虚拟数据创建了一个JSFIDLE，我们可以更好地理解：）
$(jqueryObject).find('#foo1').css('background-color', 'grey')

   $("#foobar").click(function(e) {
        e.preventDefault();
        $("#objectContainer").append($jqueryObject);

    });