Wir verwenden in neuen Projekten ausschließlich Vanilla-JS. Also reines JavaScript ohne Frameworks wie jQuery usw.
Da es aber vorkommen kann, dass in alten Projekten jQuery Scriptteile in Verwendung sind, ist manchmal eine Konvertierung von jQuery-Objekten in DOM-Objekten notwendig. So geht es.
jQuery zu DOM
var jQueryObj = $('#myElement'); // jQuery-object var domObj = jQueryObj.get(0); // Convert jQuery-object to DOM-object
DOM zu jQuery
var domObj = document.querySelector('#myElement'); // DOM-object var jQueryObj = $(domObj); // Convert DOM-object to jQuery-object
Aber es könnten in dem jQuery Selekt auch mehrere Elemente selektiert worden sein.
var jQueryObjs = $('.myElements'); // jQuery-objects if (jQueryObjs.length > 1) { var domArray = []; // Array for DOM-objects for (var i = 0; i < jQueryObjs.length; i++) { domObj = jQueryObjs.get(i); // Convert jQuery-object to DOM-object domArray.push(domObj); // Push DOM-object to array } } else { domObj = jQueryObjs.get(0); // Convert jQuery-object to DOM-object }