当您使用jQuery将元素追加到DOM中时，您可能需要获取对新添加的元素的引用。在本文中，我们将讨论如何通过jQuery选择器和事件处理程序来获取新添加的元素。
使用选择器获取元素
您可以使用选择器来获取新添加到DOM中的元素。当您使用jQuery的append或appendTo方法将元素添加到DOM中时，它们会返回对新添加的元素的引用。例如：
var newElement = $('<div>').addClass('my-class').appendTo('body');在这个例子中，我们创建一个新的div元素并将其附加到文档主体中。然后，我们将返回的引用保存在变量newElement中以供后续使用。
如果您已经有了新元素的父元素的引用，您也可以使用find方法来选择新元素。例如：
var parentElement = $('body');
var newElement = $('<div>').addClass('my-class').appendTo(parentElement);
var selectedElement = parentElement.find('.my-class');在这个例子中，我们首先选择了文档主体作为新元素的父元素。然后，我们添加新元素，并使用find方法选择具有class“my-class”的元素。最后，我们将查询结果存储在变量selectedElement中以供后续使用。
使用事件处理程序获取元素
您还可以使用事件处理程序来获取新添加到DOM中的元素。当您使用jQuery的on方法为元素添加事件处理程序时，它们会被应用到新添加的元素上。例如：
$('body').on('click', '.my-class', function() {
// 处理点击事件
});在这个例子中，我们将一个点击事件处理程序附加到文档主体上，并使用class“my-class”选择新添加的元素。当用户单击新元素时，处理程序将被触发并执行相应的操作。
示例代码
下面是一个完整的示例，演示如何获取新添加的元素：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
-------------- ------ -- - ------ ------- ---- --- ---- -------- -- --- -----------
------- -----------------------------------------------------------
-------
------
------- -------------------- ----------------
--------
---------------------------- -
--- ------------- - ----------
--- ----- - --
----------------------------- ---------- -
--------
--- ---------- - --------------------------------------------- - - -------------------------------
--------------------- ---------- ---------------------------------
---
------------------------- ------------ ---------- -
-------------------- ---------- ------
---
---
---------
-------
-------在这个例子中，我们创建了一个按钮和一个空白的页面。然后，我们在文档主体上附加了两个事件处理程序：一个用于在每次单击按钮时添加新元素，另一个用于捕获对新元素的单击事件。我们还使用console.log输出来检查我们是否正确选择了新元素。
当您单击按钮并添加新元素时，您应该看到类似以下内容的输出：
Selected element: [div.my-class]
当您单击新元素时，您应该看到类似以下内容的输出：
Clicked element: <div class="my-class">Element 1</div>
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25665