jQuery: создайте div, используя jQuery с тегом style

Последнее обновление 21 сентября 2018 11:14:51 (UTC / GMT +8 часов)

script1adsense2code

script1adsense3code

JQuery Практическое упражнение. Часть I: Упражнение 11

Создайте разделение с помощью jQuery с тегом стиля.

Пример решения:

HTML-код:

 <!DOCTYPE html>
  <html>
  <head>
  <script src="https://code.jquery.com/jquery-git.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Create a div using jQuery with style tag.</title>
  </head>
  <body>
  <p>This domain is established to be used for illustrative examples in documents. You may use this domain in examples without prior coordination or asking for permission.</p> 
  <input type="button" value="Click to add new division" onclick="new_div()" />
</body>
  </html>

Код JavaScript:

function new_div() {
$(document).ready(function() {
  var test = {
    id: "div",
    class: "divclass",
    css: {
      "color": "Green"
    }
  };
  var $div = $("<div>", test);
  $div.html("New Division");
  $("body").append($div);
});
}

См. Pen jquery- Practical -упражнение-11 от w3resource ( @ w3resource ) на CodePen .

Внесите свой код и комментарии через Disqus.

Предыдущий: Сделать первое слово жирным шрифтом всех элементов.
Далее: переместите один элемент DIV внутрь другого, используя jQuery.