本文演示了在jQuery中使用DOM移除事件的方法:

您可以为同一个元素绑定多个事件,或者为多个元素绑定相同的事件。


$(函数(){())
$(# BTN)。Bind(单击
$(# test)。追加(我的绑定功能1);
})Bind(单击
$(# test)。追加(我的绑定功能2);
})Bind(单击
$(# test)。追加(我的绑定功能3);
});
})




1。删除按钮元素上先前注册的事件

先看看下面的代码,单击删除所有事件的按钮,您可以删除上面的按钮事件:



$(函数(){())
$(# BTN)。Bind(单击
$(# test)。追加(我的绑定功能1);
})Bind(单击
$(# test)。追加(我的绑定功能2);
})Bind(单击
$(# test)。追加(我的绑定功能3);
});
$(# delall)。Click(function(){)
$(# BTN)。Unbind(点击);
});
})






点击我

删除所有的事件




看了取消绑定的语法结构()方法:打开({ } { }类型,数据);

第一个参数是事件类型,第二个参数是要删除的函数,这说明如下:

如果没有参数,则删除所有绑定事件。

如果将事件类型作为参数提供,则只有该类型的绑定事件被删除。

如果在绑定中传递的处理函数作为第二个参数,则只删除特定的事件处理函数。

2。移除元素中的一个事件

首先,您需要为这些匿名处理函数指定一个变量。



$(函数(){())
$(# BTN)。Bind(单击
$(# test)。追加(我的绑定功能1);
})Bind(单击
$(# test)。追加(我的绑定功能2);
})Bind(单击
$(# test)。追加(我的绑定功能3);
});
$(# deltwo)。Click(function(){)
$(# BTN)。Unbind(单击
});
})






点击我

删除第二事件




此外,jQuery提供了一种速记方法,一()方法的情况下,只有一个需要被触发,然后结合立即删除。一()方法可以绑定处理函数的元素。当处理功能被触发一次,它是立即删除,对每个对象的事件处理函数只会被执行一次。

单()方法的结构类似于绑定()方法,使用方法与绑定()方法相同,其语法结构如下:一(类型,{数据},FN);



$(函数(){())
$(#按钮),(单击
$(# test)。追加(我的绑定功能1);
}
$(# test)。追加(我的绑定功能2);
}
$(# test)。追加(我的绑定功能3);
});
})






点击我





在使用一个()方法将事件绑定到一个元素之后,只有当用户第一次单击按钮时,才执行处理函数,然后单击将不再工作。

希望本文能对大家的jQuery程序设计有所帮助。