How does the jQuery tag $(this) exactly work? I know how to use it, but how does jQuery know which element is 'active'? And what is the original Javascript tag for getting the current item, or is it jQuery only?
Asked
Active
Viewed 3,826 times
7
-
7@qor You linked to the current question, so yes – Michael Mrozek Jul 29 '10 at 14:12
-
Nice to see SO protects closing a question because of being a duplicate of itself though - some sites wouldn't ;) – Konerak Jul 29 '10 at 14:16
-
possible duplicate of [Why do I have to use $(this)](http://stackoverflow.com/questions/3316113/why-do-i-have-to-use-this) – jAndy Jul 29 '10 at 14:20
-
1@Konerak IIRC you can still close two questions as duplicates of each other though – Michael Mrozek Jul 29 '10 at 14:21
4 Answers
7
The this is a simple javascript (DOM) object,
$(this) will turn the object into a jQuery object.
jQuery doesn't need to 'know' what this is, it doesn't treat this in a special way, no other than myHeaderDiv in
var myHeaderDiv = document.getElementById('header');
$myHeaderDiv = $(myheaderDiv); //just a variable transformed into jQuery object, as with this.
Konerak
- 39,272
- 12
- 98
- 118
4
this is context-dependent in jQuery (and JavaScript in general). It usually represents the current DOM element in a event handler, but is not a jQuery object.
$(this) is a jQuery object containing the current DOM element.
Powerlord
- 87,612
- 17
- 125
- 175
4
The expression $(this) is just a regular Javascript function call, equivalent to jQuery(this). The this value is defined by Javascript itself, and is not a jQuery invention.
Greg Hewgill
- 951,095
- 183
- 1,149
- 1,285
1
Perhaps you should read about scope in JavaScript http://www.digital-web.com/articles/scope_in_javascript/
Mchl
- 61,444
- 9
- 118
- 120