Na aula temos a seguinte classe:
class NegociacaoController {
    constructor() {
        let $ = document.querySelector.bind(document);
        this.inputData = $('#data');
        this.inputQuantidade = $('#quantidade');
        this.inputValor = $('#valor');
    }
    adiciona(event) {
        event.preventDefault();
        console.log(this.inputData.value);
        console.log(this.inputQuantidade.value);
        console.log(this.inputValor.value);
    }
}Minha duvida é: O que por exemplo " $('#data');" guarda no "this.inputData"? É a posição de onde fica esse trecho de html no DOM? Pois parece que ele só guarda a busca e para buscar o valor, ele varre tudo de novo.
 
            