Javascript 如何重用JQuery事件？

我有一堆具有以下结构的div：

<div id="content">
  <span class="highlight">Hello1<span> 
  <span class="highlight">Hello2<span> 
  <span class="highlight">Hello1<span> 
  <span class="highlight">Hello2<span> 
  <span class="highlight">Hello1<span> 
  <span class="highlight">Hello2<span> 
</div>

你好
你好
你好
你好
你好
你好

我在小功能中的

高亮显示上添加了鼠标3个事件，在div上的一些操作上，我正在更改div内容，其他一些span标记，因此早期的鼠标事件仍然会在内存中保留，当span标记大约1000时，浏览器内存会成倍增加，增加MB

是否有任何方法可以将span标记的早期鼠标事件重用到新的div内容span标记？
例如，您需要从父容器
$（document.body）
委派事件

看

无论绑定到这些事件的对象数量有多大，它都不会消耗更多的内存
除非您在此处添加代码，否则没有人知道。
$（“#content”）。在（'eventname'，'。突出显示“…）
如果我理解正确的话，您会记录到目前为止发生的所有事件，有点像修订标记，你想在每增加一个新的跨度上应用它们，对吗？假设我的问题是正确的，我的答案是增加你的存储容量。将事件序列化为字符串并将其保留在dom中，使用本地存储API或cookie进一步增加存储。（不推荐使用cookie，但其支持程度优于本地storate API）。
$(document.body).on('events list','selector',function(e) {
       //do stuff
       })
                .on('event list2','selector2',function(e) {
       //do stuff
       })
        //etc...