tl; dr: Cosa c'è di sbagliato nell'efficienza di metodi come .append () e quali possono essere alternative a questo?
Spiegazione: Ciao a tutti. Occasionalmente devo creare test A / B per i siti Web, il che significa che devo cambiare i siti utilizzando solo jQuery (o JavaScript ovviamente) per modificare aspetti e funzionalità dei siti web. Questo significa no 'hard'-html / css o simili. Ora sono praticamente l'unico con la minima conoscenza di javascript che funziona qui, quindi non ho molte recensioni tra pari. Ora stiamo lavorando con un cliente e il loro sviluppatore mi invia questo feedback:
'jQuery non viene utilizzato in modo ottimale aggiungendo elementi separati / liberi nel DOM'.
Un esempio di questo è un oggetto fisarmonica aggiunto al sito, digitando (qualcosa sulla falsariga di):
$('#site_container').append('<div id="container"><div id="container_click">Content to click on</div></div id="container_expand">Content to be shown when expanded</div></div>');
$('#container_click').click(function(){//animate to height function here});
Ora ho già provato a fare le mie ricerche, e so che digitare un intero elemento con il suo contenuto in 1 stringa non è sicuro come fare un oggetto e quindi aggiungere attributi a quell'oggetto. Per un test temporaneo, tuttavia, non penso che questo sia un grosso problema, dato che tendono a vivere solo per una settimana o due.
Mi rendo conto che la soluzione sembra un po 'fragile, ma non vedo un approccio diverso.
Ora la mia domanda è: cosa significa l'altro sviluppatore in modo ottimale? C'è una parte importante di jQuery che mi manca? C'è un modo per affrontare problemi come questi in modo più efficiente?