Can I remove inline event handlers using jQuery?

Question

I have some HTML with an onclick attribute. I want to override that attribute using jQuery. Is there any way to remove the click handler using jQuery? Using unbind doesn't work.

Answer 1

Try the .removeAttr() function:

$(function() {
    $('a').removeAttr('onclick');
});

​ jsfiddle demo.

Once you've got rid of the onclick attribute you could attach your own click handler.

Answer 2

$("#theElement")[0].onclick = function() {
  whatever();
};
// -- or --
$("#theElement")[0].onclick = null;

It's not that jQuery would make the standard DOM functions and properties go away. ;-)