Is Event.currenttarget Always Equal To $(this) In Jquery?

Is this phrase always true? $('p').click(function(event) { alert( event.currentTarget === this ); }); Is one method preferred over the other? I like to use $(this) instead of

Solution 1:

Generally, yes, it will be the same. You can make it different by using $.proxy to manipulate the context, but in practice you probably never will.

$(document.body).on('click', $.proxy(function(e) {
    console.log(this);            // windowconsole.log(e.currentTarget); // document.body
}, window));

As to the other question, this is a native DOM element, whereas $(this) is a jQuery object wrapping that DOM element. The jQuery wrapper means you can run jQuery functions such as css, which are not available on native DOM elements.

---

And, to answer the precise wording of your question, event.currentTarget is normally equal to this, not to $(this).

Solution 2:

Part of your answer is above. I hope its clear enough.

No console.log(this) and console.log($j(this)) will not give you the same result. $(this) converts this to a jQuery Object and hence you can call .css like methods which can be called on jQuery objects($(this)) and not the HTML elements which will be this.

Solution 3:

This property will typically be equal to the this of the function.

If you are using jQuery.proxy or another form of scope manipulation, this will be equal to whatever context you have provided, not event.currentTarget