在前端开发中，我们经常需要在特定的DOM元素出现或消失时执行相应的操作。jQuery提供了许多方便的事件处理函数来满足这些需求。
1. .on()方法
.on()方法是jQuery事件绑定最常用的方式之一。它可以在目标元素上绑定一个或多个事件，在事件被触发时执行相应的回调函数。示例代码如下：
----------------------- ------------ ---------- - -- -- --------- ---
其中，$(document)表示事件委托的对象，'#myButton'为目标元素选择器，function()是回调函数。当点击#myButton元素时，回调函数就会被执行。
2. .one()方法
.one()方法类似于.on()方法，但它只会在目标元素上绑定一次事件。示例代码如下：
--------------------------- ---------- - -- -- --------- ---
当#myButton元素被点击时，回调函数就会被执行，并且这个事件只会被绑定一次。
3. .live()方法
.live()方法可以为动态添加的元素绑定事件。它将事件绑定到文档对象上，然后代理到符合选择器的目标元素上。示例代码如下：
------------------------- ---------- - -- -- --------- ---
当.myDiv元素被点击时，回调函数就会被执行。即使后来新添加的.myDiv元素也能够触发事件。
4. .delegate()方法
.delegate()方法与.live()方法类似，但有一些区别。它是将事件绑定到目标元素的父级上，并代理到符合选择器的子元素上。示例代码如下：
------------------------------------ -------- ---------- - -- -- --------- ---
当.myDiv元素被点击时，回调函数就会被执行。这个事件是通过#myContainer元素代理到.myDiv元素上的。
总结
以上介绍了jQuery中常用的DOM元素事件绑定方式，包括.on()、.one()、.live()和.delegate()方法。根据实际需求选择不同的方法，可以更加方便地处理各种事件。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/8728