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-objectDOM zu jQuery
var domObj = document.querySelector('#myElement'); // DOM-object
var jQueryObj = $(domObj); // Convert DOM-object to jQuery-objectAber 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
}