jQuery append() vs appendChild()

by

The main difference is that appendChild is a DOM method and append is a jQuery method. The second one uses the first as you can see on jQuery source code

append: function() {
    return this.domManip(arguments, true, function( elem ) {
        if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
            this.appendChild( elem );
        }
    });
},

If you’re using jQuery library on your project, you’ll be safe always using append when adding elements to the page.

More Related Contents:

  1. How to append in JavaScript? [duplicate]
  2. jQuery DOM changes not appearing in view source
  3. .append(), prepend(), .after() and .before()
  4. How to appendChild(element) many times. (The same element)
  5. Add / Change parameter of URL and redirect to the new URL
  6. Calculate Javascript pixel widths for list of elements
  7. Making a quiz in HTML and Javascript [closed]
  8. jQuery .live() vs .on() method for adding a click event after loading dynamic html
  9. Escaping HTML strings with jQuery
  10. How to save an image to localStorage and display it on the next page?
  11. change type of input field with jQuery
  12. Post data to JsonP
  13. JavaScript/JQuery: $(window).resize how to fire AFTER the resize is completed?
  14. What does “this” mean in jQuery? [duplicate]
  15. How can I get the selected text in a textarea? [duplicate]
  16. Concise way to compare against multiple values [duplicate]
  17. How can I disable a browser or element scrollbar, but still allow scrolling with wheel or arrow keys?
  18. How to intercept window.location change
  19. How to convert html table to excel with multiple sheet?
  20. Cannot handle 302 redirect in ajax and why? [duplicate]
  21. How can I view an object with an alert()
  22. Get current date in DD-Mon-YYY format in JavaScript/Jquery
  23. full-screen browser window on load document
  24. How to check if input file is empty in jQuery
  25. Fill available spaces between labels with dots or hyphens
  26. how to format input box text as I am typing it
  27. How can I use delay() with show() and hide() in Jquery
  28. How to find what code is run by a button or element in Chrome using Developer Tools
  29. javascript/jquery – add debounce to a button
  30. How to get read data from response header in jquery/javascript [duplicate]

Leave a Comment