Não faça $ (‘# foo’). Get (0), use Plain JS em vez disso

Ao usar o jQuery, algumas pessoas podem usá-lo apenas para o seletor . Se for esse o seu caso, adicione um atributo id ao seu elemento e chame-o usando o método getElementById , é muito mais rápido.

Por exemplo

Se você tem algo assim:

<div id="foo">My Div</div>

Usando jQuery, você pode obter esse elemento usando $ (‘# foo’), mas se você precisar usar algumas de suas propriedades nativas (como valor ), você precisará acessar o próprio objeto, para isso, você pode usar algo como $ (‘# foo’). get (0) (que retorna o primeiro elemento bruto correspondente), mas é muito mais lento do que fazer:

document.getElementbyId('foo');

Isso ocorre porque ao chamar o seletor jQuery, ele fará um loop na árvore DOM para corresponder ao seu seletor.

Algumas pessoas dizem “ok, mas ao usar o ID como seletor deixe o navegador encontrar esse elemento”, sim, ele faz, mas ainda tem que fazer um loop em todos os métodos, propriedades e funções privadas do próprio jQuery, porque afinal, é um objeto jQuery.