JQuery $(this).attr("name") vs this.name

javascript jquery this attr
Sameera Thilakasiri picture Sameera Thilakasiri · Apr 17, 2014 · Viewed 34.5k times · Source

What is the main different between 

$(this).attr("name")

and 

this.name

and What is the technical explanation?

Answer

Rory McCrossan picture Rory McCrossan · Apr 17, 2014

The first gets the attribute value from the jQuery object formed from the DOM element. The second gets the property directly from the DOM element, and is therefore quicker. You should use native properties where possible.

Related questions

What's the difference between '$(this)' and 'this'?

I am currently working through this tutorial: Getting Started with jQuery For the two examples below: $("#orderedlist").find("li").each(function (i) { $(this).append(" BAM! " + i); }); $("#reset").click(function () { $("form").each(function () { this.reset(); }); }); Notice in the first example, we …

Read More
How do I pass the this context to a function?

I thought this would be something I could easily google, but maybe I'm not asking the right question... How do I set whatever "this" refers to in a given javascript function? for example, like with most of jQuery's functions such …

Read More
jQuery: this: "$(this).next().next()" works, but "$(this).next('.div')" does Not

Okay, I am trying to get this set of information to hide individually. <img class="arrow" src="images/navigation/arrowright.png"> <H2>More Information</H2> <div class="box"> <h2>Bibendum …

Read More