Why is the value of 'selector' different from 'this'

Question

Inside the event handler, why $ (this) returns something else than $ ('. Selector')?

Example:

$('.container').click(function () {
    console.log($(this));
    console.log($('.container'));
});

jsFiddle

When you look in the console, the results are different.

Answer 1

this- it is always the element on which the event arose , in other words, which of the elements .containeryou clicked accurately.

eg:.

<div class="container">container1</div>
<span class="container">container2</span>

as Jonathan Lonowski notes, $(".container")selects both elements .container, but this- the one you clicked on either spanor div.

, $(this) JQuery, this javascript.

Answer 2

this .container, .

.container .