title: Appending html element with jQuery - differences between html, DOM and jQuery append?
body: <p>When appending elements to a page with jQuery, seems I have basically 3 options, summarized here:</p>
  
  <pre><code>function  tripleAppend() {
    //1 - append using jQuery, like so:
      var withjquery = $("&lt;p&gt;&lt;/p&gt;").text("Appending with jquery")
    //2 - Using the html directly formatted:
      var withhtml = "&lt;p&gt;Appending html&lt;/p&gt;"
    //3 - Create &amp; append a DOM element:
      var withDOM = document.createElement("p");
    withDOM.innerHTML = "Appending a DOM element"
    //or withDOM.textContent = (....)
    $("body").append(withjquery, withhtml, withDOM)
  
  }
  </code></pre>
  
  <p>Are there important differences between those 3 approaches - any one that is more portable or more limited for a more advanced append? If I'm going to pick one these as my "go-to" solution, any reason to lean for one or the other (saved personal syntactic preferences)?</p>