SiteIS

jQuery - безграничные возможности в дизайне Вашего сайта!

- Один из самых популярных на сегодня среди веб разработчиков фреймворк

- Позволяет быстро и легко создать потрясающие веб-приложения

- Удивительно красивые анимационные эффекты

- Улучшение пользовательского интерфейса

Изменение текстового содержимого элемента

Метод: .text(string);

  • Задача 1:

    - изменить текстовое содержимое всех пунктов в списке на строку измененный текст.

    Показать решение
    • Решение:

      $(function () {
      	$('li').text('измененный текст');
      });
      

      Пояснение:

      - Для решения задачи с помощью селектора $('li') выберем все пункты списка. С помощью метода .text('измененный текст'); изменяем текстовое содержимое отобранных элементов на строку измененный текст. Следует учитывать, что если внутри элемента li содержаться дочерние элементы, то они будут затерты.

      Результат:

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

  • Задача 2:

    - изменить текстовое содержимое последнего пункта в списке на строку измененный текст.

    Показать решение
    • Решение:

      $(function () {
      	$('li:last').text('измененный текст');
      });
      

      Пояснение:

      - Для решения задачи с помощью селектора $('li:last') выберем последний элемент списка. С помощью метода .text('измененный текст') изменяем текстовое содержимое отобранного элемента. Следует учитывать, что если внутри элемента li содержаться дочерние элементы, то они будут затерты.

      Результат:

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

Автор: Super User