JavaScript document.querySelector () corrisponde al metodo jQuery $ ()?



Answers

Circa dieci anni fa, i migliori browser erano IE6, Netscape 8 e Firefox 1.5. In quei giorni c'erano pochi modi cross-browser per selezionare un elemento dal DOM oltre a Document.getElementById() .

Quindi, quando jQuery è stato rilasciato nel 2006 , è stato piuttosto rivoluzionario. Allora, jQuery stabiliva lo standard per come selezionare / modificare facilmente elementi HTML e attivare eventi, perché la sua flessibilità e il supporto del browser non avevano precedenti.

Ora, più di un decennio dopo, molte funzionalità che hanno reso così popolare jQuery sono state incluse nello standard javaScript. Invece di $selection.on() di jQuery, ora puoi utilizzare EventTarget.addEventListener() . Invece di jQuery $() , ora puoi usare Document.querySelectorAll() ... ecc ... che fa sorgere la domanda sul perché dovremmo usare jQuery. E infatti, le persone si stanno sempre più chiedendo se dovremmo usare jQuery . Quindi, se pensi di aver capito JavaScript abbastanza bene da fare a meno di jQuery, per favore fallo! Non sentirti obbligato a usare jQuery, solo perché molti altri lo fanno!

Ad ogni modo, per capire perché jQuery è così popolare, è importante capire da dove veniamo!

Question

Mi sono chiesto perché la gente ha glorificato il metodo $(".myClass") jQuery quando JavaScript ha un document.querySelector() . C'è qualcosa che mi manca qui? Perché non usare solo l'oggetto document ?

Sono completamente nuovo a JavaScript, quindi c'è qualche tipo di con to document.querySelector() cui non sono a conoscenza?

Mi piacerebbe davvero saperlo, perché mi sono imbattuto in qualcosa di simile prima e mi chiedo se potrebbe aiutare una situazione in cui mi trovo:

var retrieve = function( s ) {
    return document.querySelector( s );
};

retrieve(".myClass").style.display = "block";

Nota

Non ho nulla contro jQuery affatto. In effetti, lo adoro. Tuttavia, preferirei non imbrogliare me stesso usando i facili strumenti pronte all'uso pronte all'uso quando sto cercando ora di imparare JavaScript.

Qualsiasi aiuto sarebbe molto apprezzato! :-)




Links