"$ (...) [0] .append is not a function" with jQuery

Question

I am trying to add a line to a page. If I write $('.txt')in the console, it returns:

If I write $('.txt'), it returns the first .txt.

If I write $('.txt').append('<div><span>TEEST</span></div>')in the console, it adds "TEEST" to everyone .txton the page.

But if I write $('.txt')[0].append('<div><span>TEEST</span></div>') it returns:

Why is this? How can I add to a specific DOM element?

Answer 1

[0] DOM, jQuery. append - jQuery , DOM (, , getElementById).

eq:

$('.txt').eq(0).append('<div><span>TEEST</span></div>');

:first:

$('.txt:first').append('<div><span>TEEST</span></div>');