What’s the difference between a jQuery object and a DOM element? Difference between .get() and .index()?

by

HTML != DOM != Javascript != jQuery, but they’re all closely related.

The browser receives an HTML document from a web server, which is just text. The browser proceeds to parse this text into an internal structure that it can actually use to render the page visually. The DOM represents that internal structure a browser has of an HTML document. Javascript (or other methods) can be used to manipulate that DOM, which in turn changes the visual render of the page. A DOM node and a DOM element are just two names for the same thing. A DOM element represents a visual or functional element on the page which was created from the original HTML document.

jQuery now is a Javascript library that makes manipulating the DOM easier than with pure Javascript by offering a number of convenience shortcuts. A jQuery object is a Javascript object, which may or may not have anything to do with the DOM (usually it does). A jQuery object is a convenience wrapper around a DOM element in Javascript which is a method to manipulate the DOM which is a representation of the page which was created from an HTML file.

Hope that helps. :o)

More Related Contents:

  1. .prop() vs .attr()
  2. Check if an image is loaded (no errors) with jQuery
  3. How can I apply a jQuery function to all elements with the same ID?
  4. How to get a DOM Element from a jQuery selector?
  5. How do I create a link using javascript?
  6. Difference between “change” and “input” event for an `input` element
  7. Why are duplicate ID values not allowed in HTML?
  8. What is difference between width, innerWidth and outerWidth, height, innerHeight and outerHeight in jQuery
  9. jQuery DOM changes not appearing in view source
  10. Is there a DOM event that fires when an HTML select element is closed?
  11. How to find a parent with a known class in jQuery?
  12. jQuery count child elements
  13. How to detect when an iframe has already been loaded
  14. jQuery: how to change tag name?
  15. How can I remove all CSS classes using jQuery/JavaScript?
  16. Count immediate child div elements using jQuery
  17. Converting a recursive function into an asynchronous CPS implementation (javascript)
  18. Convert String to XML Document in JavaScript
  19. JavaScript moving element in the DOM
  20. Storing a variable in the JavaScript ‘window’ object is a proper way to use that object?
  21. How to set DOM element as first child?
  22. JQuery html() vs. innerHTML
  23. JQuery – animate moving DOM element to new parent?
  24. Open new window without focus on it [duplicate]
  25. Attaching events after DOM manipulation using JQuery ajax
  26. Unloading/Removing content from an iFrame
  27. jQuery difference between :eq() and :nth-child()
  28. In web browsers, what’s the difference between onblur and onfocusout?
  29. Create a table in SVG
  30. Removing element with jQuery?

Leave a Comment