The difference between jquery's $ (' #id ') and document.getElementById (' ID ')

The package set selected with jquery returns a JQuery object, and the DOM object is returned with document.getElementById.

jquery objects---dom objects

/*
  Convert a JQuery object to a DOM object.
*/
var jquery = $ (' #id ');
Alert (jquery.html ()); var dom = jquery[0];
or var dom = jquery.get (0);
alert (dom.innerhtml);

Dom Objects and jquery objects

/*
  Convert a DOM object to a JQuery object.
*/
var dom = document.getElementById (' id '); alert (dom.innerhtml); var jquery = $ (DOM); alert (jquery.html ());

Traverse all DOM objects in the jquery collection:

$ (' div '). Each (thefunction  () {  alert ($ (this). Get (0). InnerHTML);}); 

The difference between jquery's $ (' #id ') and document.getElementById (' ID ')