Смешивание javascript и jquery

Question

$(this).append('hello'); 

Вышеупомянутая может быть строкой, вложенной в некоторые функции jquery. Я знаю, что это правильная строка, но мне было интересно, можно ли смешивать javascript с jquery и записывать его так.

this.append('hello'); 

Единственное отличие состоит в том, что во второй строке кода это ключевое слово не написано внутри метода JQuery, но это должно работать, потому что это само ключевое слово автоматически сохраняет расположение узла, при котором функция направлена. Правильно? Хорошо, что это не работает, поэтому, когда и почему вы не можете использовать это ключевое слово?

Answer 1

Единственная разница, насколько я понимаю, это оболочка, которая является объектом jQuery: https://learn.jquery.com/using-jquery-core/jquery-object/. Эта оболочка предоставляет методы jQuery для элемента, тогда как только использование this возвращает элемент, но не предоставляет те же методы. В качестве простого примера, это будет возвращать TextContent из DIV,

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

Где, как это не

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