dubbio performance jquery

**embo14** · 19-03-2012, 09:53

Ho letto questo articolo http://www.learnjquery.org/newslette...selectors.html

Poi ho trovato questo esercizio:
- pagina web con dom a 4 livelli di profondità
- ogni nodo mediamente 10 figli.
- ogni ciclo di una query tipo $('.classname') impiega 1ms e una query su id del tipo $('#id') impiega 5 ms.
Calcolare tempo impiegato da $('.classname') e da $('.classname',$('#formid')) nel caso in cui formid sia un unico nodo al 3 livello. Quanto è il risparmio?

Sicuramente non c'è da calcolare il numero dei figli e altro, ma non capisco come andrebbe svolto.

**cavicchiandrea** · 19-03-2012, 10:22

Ciao e benvenuto, non si capisco la domanda?
- E' un problema dato a scuola da risolvere?
-- Non mi pronuncio, perché in teoria dovresti saperlo o studiato
- E' una tua curiosità?
-- No comment, provare no?
- E' un problema reale di prestazioni?
-- Basta prova entrambe le soluzioni

**embo14** · 19-03-2012, 13:11

E' una mia curiosità, perchè di solito faccio siti che richiedono jquery ma non ho mai ragionato su queste cose.
Come faccio a provare?

**totsdesign** · 20-03-2012, 15:06

ho provato a leggere per aiutarti, ma non capisco...anch'io sarei interessato a capire quale è più performante rispetto all'esempio.

**Vindav** · 20-03-2012, 16:06

premetto che non ho letto tutto l'articolo cmq è + performante il secondo, perche la query ha come contesto un singolo blocco DOM, invece del document root...

codice:

<html>
<div id="blocco1">
blocco1
</div>
<div id="blocco2">
blocco2
</div>
<div id="blocco3">
blocco3
< input class="classname"/>
</div>
</html>

Mettiamo che debba recuperare l'input con class classname... se faccio cosi:

$('.classname') la ricerca viene effettuata sul tutto il documento, quindi anche all'interno dei div blocco1, blocco2

se faccio cosi:

$('.classname',$('#blocco3'))

la ricerca viene effettuata solo all'interno del div blocco3 perche appunto abbiamo definito questo elemento come contesto invece del documento intero.

un metodo equivalente è:

$('#blocco3').find('.classname')

**cassano** · 20-03-2012, 16:42

e $('#blocco3 .classname') non la prende ?

**Vindav** · 20-03-2012, 16:59

si anche cosi va bene

**Xinod** · 20-03-2012, 17:10

da quello che so io, il find e' sempre piu' performante, a maggior ragione se confrontato con un contesto

Discussione: dubbio performance jquery

Strumenti discussione

Ricerca discussione

Visualizza

dubbio performance jquery

Permessi di invio