¡Atención a todos los desarrolladores web! Se acerca el tan esperado evento de desvinculación de jQuery en el mundo de la programación. En este artículo, te contaremos todo lo que necesitas saber sobre este evento y cómo afectará tu trabajo diario en TIEngranaje. Prepárate para conocer las novedades más interesantes de este mundo en constante evolución. ¡No te lo pierdas!
El evento jQuery unbind()
El método elimina los identificadores de eventos de elementos seleccionados. Este método puede eliminar todos o los controladores de eventos seleccionados, o detener la ejecución de funciones específicas cuando ocurre el evento.
Usando el método unbind sin argumentos, eliminar todos los controladores adjuntos a los elementos. A partir de jQuery 1.7, el .on()
y .off()
Los métodos son los métodos preferidos para adjuntar y eliminar controladores de eventos en elementos.
Sintaxis
$(selector).unbind(event,function)
Parámetro | Descripción |
---|---|
event |
Uno o más eventos para eliminar. Los valores de los eventos están separados por espacios. |
function |
Especifica el nombre opcional de la función para desvincular |
Ejemplo
En el siguiente ejemplo de jQuery, el unbind()
método elimina el click
evento del elemento con un id
de imgMouse
. Cuando el imgUnbind
se hace clic en el elemento, el slideToggle
se elimina el efecto de click
evento adjunto a la imgMouse
elemento.
En este ejemplo, el div
El elemento se mostrará u ocultará cuando se haga clic en el icono del mouse. Al hacer clic en el Unbind
image elimina este evento.
<div id="divParent">
<img id="imgMouse"src="#" />
<img id="imgUnbind"src="#" />
<div id="divChild">
<div id="divText">
Click the mouse icon to toggle ....
</div>
</div>
$("#imgMouse").live("click", function () {
$("#divChild").slideToggle();
});
$("#imgUnbind").click(function () {
$("#imgMouse").unbind();
});