jquery как вставить в блоке текст

Foops 30.06.24 17:06
Просмотров 89

Для того чтобы вставить текст в блоке с помощью jQuery, можно использовать метод .text(). Этот метод устанавливает или возвращает текстовое содержимое выбранных элементов.

Вот пример того, как можно вставить текст в блок:

  1. Выберите элемент, в который вы хотите вставить текст, с помощью метода .select() или другого подходящего метода.
  2. Используйте метод .text(), чтобы установить новое значение текста.
  3. Пример кода:
<!DOCTYPE html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <style>
      #myDiv {
        background-color: yellow;
        padding: 20px;
      }
    </style>
    <meta charset="UTF-8">
    <title>Пример использования jQuery</title>
  </head>
  <body>
    <h1>Пример вставки текста с помощью jQuery</h1>
    <div id="myDiv">Здесь будет вставлен текст.</div>
    <button id="btn">Вставить текст</button>
    <script>
      $(document).ready(function() {
        $("#btn").click(function() {
          $("#myDiv").text("Это новый текст.");
        });
      });
    </script>
  </body>
</html>

В этом примере при нажатии на кнопку «