在前端开发中，我们经常需要处理各种事件。jQuery 是一个非常流行的 JavaScript 库，它简化了事件处理的过程。在 jQuery 中，有一个很有用的属性叫做 delegateTarget，它可以帮助我们更方便地处理事件委托。
什么是事件委托
事件委托是一种常见的优化技术，它利用事件冒泡的特性，将事件处理程序绑定到父元素上，从而减少事件处理程序的数量，提高性能。当子元素触发事件时，事件会冒泡到父元素，然后通过事件委托机制，找到真正需要处理事件的元素。
在 jQuery 中，当我们绑定事件处理程序时，可以通过 event.delegateTarget 属性来访问事件委托的元素。这个属性返回的是绑定事件处理程序的元素，而不是触发事件的元素。
-- ---- --
---- ------------
------------- -----------
------
-- ------ --
------------------------ --------- --------------- -
---------------------------------- -- -- ---- ------------
---在上面的示例中，当按钮被点击时，event.delegateTarget 返回的是 #parent 元素，而不是 button 元素。
为什么要使用 event.delegateTarget
使用 event.delegateTarget 属性有几个好处：
方便访问父元素：有时候我们需要在事件处理程序中访问父元素，使用
event.delegateTarget可以很方便地实现这一目的。动态添加元素：当我们使用事件委托时，如果动态添加了新的子元素，事件处理程序依然有效。而如果直接绑定事件处理程序到子元素上，新添加的子元素不会绑定事件。
减少事件处理程序数量：通过事件委托，我们可以将事件处理程序绑定到父元素上，减少了事件处理程序的数量，提高了性能。
总结
event.delegateTarget 属性是 jQuery 中一个非常实用的属性，可以帮助我们更方便地处理事件委托。通过使用这个属性，我们可以方便地访问父元素，处理动态添加的元素，并提高性能。在实际项目中，建议多多使用事件委托和 event.delegateTarget 属性，以提升代码质量和性能。