How to unbind event handlers that were bound via jQuery without using jQuery

Question

Say I have the following jQuery:

$('#myelement').bind('click', foo);

How can I unbind this event without using jQuery?

The event doesn't show up in any of these methods on a DOM element:

var domElement = document.getElementById('myelement');
domElement.onclick // == null
domElement.click // == undefined

So how can I unbind it without using jQuery such as the following?

$('#myelement').unbind()

Answer 1

If you're using a recent version of jQuery, this will work:

delete $.cache[document.getElementById("myelement")[$.expando]].events.click;

You can test it here.

Note that it's not a complete cleanup, you can use jQuery's .removeEvent() implementation for that, if you want to clear all handlers.