prestazioni jquery html() vs empty(). Append()

Question

Ho creato un test case al http://jsperf.com/jquery-html-vs-empty-append-test per confrontare le prestazioni di $.html() con $.empty().append(). Mi sono chiesto che .empty().append() sia più veloce.

Qualcuno può spiegare questo divario di prestazioni?

Grazie.

Answer 1

Nel codice $.empty().append() era in esecuzione più veloce perché, il vostro selettore era sbagliato,

si dovrebbe avere usato var $test = $("#test"); invece di var $test = $("test"); per il confronto.

Vedere DEMO Here.

Answer 2

utilizzare il selettore correttamente in jQuery,

$('#test').html('Example'); 

sarà più veloce, ovviamente, di

$.empty().append(); 

Ma

$('test') 

cercherà il DOM per un elemento con il nome tag ' TEST'.

Answer 3

In questa sezione è necessario utilizzare innerHTML. perché questo è Javascript nativo.

vedere il selettore Bit http://jsperf.com/jquery-append-vs-html-list-performance/27