When JQuery .attr('onclick') Function Return A Event Object?

I am just debugging jQuery in FireBug and wonderig about the return value of $('.a-selector').attr('onclick'); It turns out to be an onclick(event), but I have read some code bef

Solution 1:

When jQuery .attr('onclick') function return a event object?

In jQuery < 1.6. That's because prior to 1.6, .attr() did a mix between retrieving properties and attributes where it saw fit, newer versions removed that layer of witchery and now have proper methods for retrieving attributes (.attr) and properties (.prop).

Here's a fiddle demonstrating the above.

ps. BTW, it doesn't return an event object, but rather a function object that serves as event handler. =]

---

Also, 2 side notes: You should always upgrade your jquery to the latest version when viable (currently 1.8.3), it comes with more features, better performance and lots of bug fixes.

And you shouldn't really be using onclicks when you have jQuery, that goes against the Web 2.0 standards of separation of structure (html) and behavior (js) - jQuery itself provides cross-browser handler attaching with the methods .on() (for jQuery 1.7+), and .bind/.delegate/.live for older versions.

Solution 2:

I assume that you want to change the value of your onclick attribute of some element.

$('.a-selector').attr('onclick',''); // leave 2nd parameter blank if you want to remove its value

OR

$('.a-selector').attr('onclick','myfunc()');

############################### Edit

You can define your function as below :

<script>
    function myfunc(){
        // Do stuff here
    }
</script>

Solution 3:

is it a possibility for you to reset the click event?

$('.a-selector').unbind('click').click(function() {
    // new function
});

to replace text in an javascript-code is normally not that what javascript should do. I think there is a much better solution possible.