jquery unbinding is it necessary? (replacing elements)

Question

I have some elements with events bound. Before I remove those elements, do I need to unbind them first? If I don't will they cause problems?

Thanks.

Edit: I realized I phrased the question incorrectly, so now I'm making an edit, excuse me for that, I but I think it makes more sense to do this than make a new question.

I would have to use unbind or remove on an element if I replace it, right? With the js replacewith method or html method in jquery.

Answer 1

No, you don't need to do that (event unbinding is done automatically at removal).

Answer 2

The only time that you would need to explicitly unbind would be if you no longer wanted an event handler for an event on the page.

Removing an element from the DOM causes the events and data for that element to be removed too. Here is the relevant source code

remove: function( selector ) {
    if ( !selector || jQuery.filter( selector, [ this ] ).length ) {
        // Prevent memory leaks
        jQuery( "*", this ).add([this]).each(function(){
            jQuery.event.remove(this);
            jQuery.removeData(this);
        });
        if (this.parentNode)
            this.parentNode.removeChild( this );
    }
}