Что делает метод text() в JQuery?

Frontend developer JQuery
1

Разбираюсь с библиотекой JQuery и немного не понимаю какой конкретно текст возвращает данный метод, он возвращает простое текстовое значение? И если в блок вложены еще блоки то он их тоже возвращает?

2

Этот метод возвращает исключительно текстовые значения, вот пример функции, где по клику на кнопку мы записываем весь текст с блоков с классом example и далее выводим этот текст в консоль, там будут исключительно текстовые значения, без тегов, атрибутов и всего прочего, вот пример:

Js(jquery) код – функция которая выполняется при нажатии на кнопку и вывод в консоль содержимого блоков с классом .example:

$(function (){

    $('#but').click(function(){

        var ex = $('.example').text()

        console.log(ex);

    });

});

Html код, просто разметка страницы, много тегов для того что бы затем сравнить с примером и увидеть что отображается исключительно текстовое значение в тегах.

<div class="example">Во мне есть

    много параграфов

    
один заголовок

    два толстых текста, и даже

    <a href="#">ссылка





<div class="example">

    Hello





<div class="example">

    Я вытаскиваю только текстовые значения, без тегов!





<button id="but">Получить текстовое-содержимое

3

На itvdn есть хорошие видео уроки по JQuery, ссылочка - https://itvdn.com/ru/video/jquery