如何向新添加的元素添加事件？

Question

当您启动HTML页面时，您将从一组特定元素开始。然后，用户可以明显地向页面添加新元素，并且可以立即查看这些更改。我注意到的一个问题是javascript / jquery无法看到这些新添加的元素，就好像它只能看到加载页面时存在的元素（所以HTML页面中的元素） ）。因此，您无法向这些新元素添加任何事件。

$('#old_element').on('click', function() {
 var frag = $('<div class='new_element'></div>')
 $('#old_element').append(frag);
})

$('.new_element').on('click', function() {
$(this).hide();
})

在这里你可以看到我做的一个例子。

我无法找到任何有此答案的地方，这里的任何人都有吗？