( TCH | 2022. 07. 21., cs – 12:58 )

Egy sor kóddal, igen, csak nem egy 10 soros függvény van az egysoros kód mögött, hanem egy ~100 kB-os library. Ez itt pazarlás lenne. A jQuery-nek akkor van értelme, ha tele van az oldalad dinamikusan változó/animált részekkel, amiket össze vissza kötögettél és lusta vagy/nem fizették meg/nincs idő megírni hozzá azt a kb. 30 kB underlying kódot, aminek a részeit hívogatod. Abszolút szinten mérsékeltnek mondható bloat, de rengeteg megspórolt idő és relatíve még alacsony kliensterhelés. Az adott elemhalmaz lekérésére is felesleges a jQuery, mint dependencia: létrehozol egy nem csatolt node-ot createElement("DIV")-vel, bedobod az innerHTML-be a HTML kódot, majd a node-ból szokásos getElement(s)ByWhatever() filterekkel válogatsz.
function getHTMLSubElements(HTML, sel, type)
{
	var root = document.createElement("DIV");
	root.innerHTML = HTML;
	switch (type)
	{
		case "id":
			return root.getElementById(sel);
		break;
		case "class":
			return root.getElementsByClassName(sel);
		break;
		case "name":
			return root.getElementsByName(sel);
		break;
		default:
			return root.getElementsByTagName(sel);
	}
}
Vagy valami hasonló. Nyilván a jQuery-é ennél többet tud, de kérdés, hogy szükséges-e a projektedhez az összes létező CSS selector alapjáni lekérés lehetősége. (Egyébként pont a full CSS-compliance miatt lassabb is egy search, mint egy natív...)