Code has been added to clipboard!

Learn How jQuery .unbind() Was Used

Reading time 1 min
Published Jan 11, 2018
Updated Oct 2, 2019

jQuery unbind: Main Tips

  • The .unbind() jQuery method was used to remove event handlers added using the also deprecated .bind() method.
  • .unbind() was deprecated in jQuery 3.0 version.

Writing and Using .unbind()

The .unbind() jQuery method removed event handlers added using the .bind() method.

Example
$("button").click(() => {
   $("p").unbind();
});

The syntax for jQuery .unbind() was as follows:

$("selector").unbind(event, function, eventObject);

This method accepted three arguments:

  • event defined a standard JavaScript event type or a custom jQuery.event object.
  • function specified a handler function to remove (if skipped, all handlers for the particular event will be removed).
  • eventObject specified the event object to remove if one was specified when adding the event handler.

Note: the jQuery .unbind() method was deprecated since version 3.0. Use .off() instead.

Learn jQuery
Introduction
Selectors
Events
Event Methods
Download
Callback
Chaining
Get and Set
Add Element
Remove Element
Traverse
Parent
Children
Sibling Traverse
Filtering
jQuery AJAX
Effects
Show and Hide
Fade Effect
Slide Effect
Animate Effect
Manipulate CSS
Width and Height
.addClass()
.after()
.animate()
.append()
.appendTo()
.attr()
.before()
.bind() (deprecated)
.blur()
.change()
.click()
.clone()
.css()
.dblclick()
.delay()
.delegate() and .undelegate() (deprecated)
.detach()
.empty()
.end()
.error() (deprecated)
.fadeIn()
.fadeOut()
.fadeTo()
.fadeToggle()
.finish()
.focus()
.focusIn()
.focusOut()
.hasClass()
.height()
.hide()
.hover()
.html()
.innerHeight()
.innerWidth()
.insertAfter()
.insertBefore()
.keypress()
.keyup()
.live() and .die() (deprecated)
.load() (deprecated)
.mousedown()
.mouseenter()
.mouseleave()
.mousemove()
.mouseout()
.mouseover()
.mouseup()
.off()
.offset()
.offsetParent()
.on()
.one()
.outerHeight()
.outerWidth()
.position()
.prepend()
.prependTo()
.prop()
.proxy()
.queue()
.ready()
.remove()
.removeAttr()
.removeClass()
.removeProp()
.replaceAll()
.replaceWith()
.resize()
.scroll()
.scrollLeft()
.scrollTop()
.show()
.slideDown()
.slideToggle()
.slideUp()
.stop()
.submit()
.text()
.toggle()
.toggleClass()
.trigger()
.triggerHandler()
.unbind() (deprecated)
.unload() (deprecated)
.unwrap()
.val()
.width()
.wrap()
Event Properties
event.currentTarget
event.preventDefault()
event.relatedTarget
event.stopImmediatePropagation()
event.stopPropagation()
event.target
event.timeStamp
event.type
event.which
jQuery .find()
jQuery .keydown()
jQuery.noConflict()
pageY and pageX