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