jquery append html to div code example

Example 1: jquery add div element

$('#someParent').append('<div>I am new here</div>');

Example 2: jquery append

$("p").append(" <b>Appended text</b>.");

Example 3: jquery append after

<div class="container">
  <h2>Greetings</h2>
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div>
<script>$( "<p>Test</p>" ).insertAfter( ".inner" );</script>

Example 4: jquery append element to body

$( ".inner" ).append( "<p>Test</p>" );

Example 5: jquery append div

$('#box').append(
  $('<div/>')
    .attr("id", "newDiv1")
    .addClass("newDiv purple bloated")
    .append("<span/>")
      .text("hello world")
);