$() funziona in modo diverso in Internet Explorer?

Question

Sto facendo funzionare il seguente JavaScript sia Firefox Developer Edition 38 e Internet Explorer 8 e 9.

console.log('+++++++++++++++++++++++++++++++'); 
console.log('jquery version = ' + $.fn.jquery); 
var myHtmlString = "<!-- my comment -->" + 
         "<optgroup label='my label'>" + 
         "<option value='1'>option one</option>" + 
         "</optgroup>"; 

console.log($(myHtmlString)); 
console.log($(myHtmlString)[0]); 
console.log($(myHtmlString)[1]); 
console.log($(myHtmlString).length); 

In Firefox, ottengo:

In IE, ottengo:

Quindi, a quanto pare in Firefox, un commento HTML i s viene aggiunto come elemento di questo oggetto ma in IE, non lo è. Perché questo si comporta in questo modo, c'è un bug o c'è un altro modo in cui dovrei creare questo oggetto?

NOTA: Ho provato $.parseHTML(myHtmlString) ma fa la stessa cosa.

AGGIORNAMENTO: Questa risposta How does jQuery treat comment elements? fornisce una soluzione alternativa.

Answer 1

Quindi dipende dal browser che si sta utilizzando, ma dal momento che si sta passando in più di 1 piega semplice, (ad esempio $('<div>example html creation</div>')) jQuery permette al navigatore gestire la creazione.

Se l'HTML è più complesso di un singolo tag senza attributi, in quanto è nell'esempio di cui sopra, la creazione effettiva degli elementi è gestita dal meccanismo di .innerHTML del browser. Nella maggior parte dei casi, jQuery crea un nuovo elemento e imposta la proprietà innerHTML dell'elemento al frammento di codice HTML che è stato passato in.

jQuery documentation

Firefox per esempio sta cercando attraverso ciascuno dei vostri < > aree , e trova 2. Mentre a IE non interessa, e lo elabora tutto come 1 (da cui la lunghezza 1).

Breve storia, lo stai facendo bene. È solo internamente come lo gestisce il browser, non devi preoccuparti di nulla!