javascript - 如何访问动态创建的对象

Question

我正在动态创建一个对象。我想知道如何访问它？其中一些对象需要通过单击以外的其他方式隐藏(以编程方式、按钮单击、链接等)。所以我认为我不能使用.on。我将如何访问这些来隐藏它们？

$(document).ready(function() {
$('body').append('<div id="testdiv">Test DIV</div>');

}); 

$('#testdiv').hide();

Answer 1

你的逻辑颠倒了。您应该使用 .appendTo()

而不是 .append()

var myRef = $("<div id=\"testdiv\">Test DIV</div>").appendTo( document.body );

这样，您就可以保留对新创建的 DOM 节点/jQuery 对象的引用。

myRef.hide();

<小时/>

将缓存引用存储到变量中总是更好，这样您就可以从纯粹的ECMA 领域访问节点，可以这么说。需要重新查询 DOM 节点，效率低得多。

^{需要注意的是:var 声明的变量仅拥有函数作用域。这意味着，如果您想从就绪处理程序的“外部”访问该引用，则需要在父上下文中声明该变量。}