Perché "questo" argomento in jQuery ritorna href con tasselli

Question

ho questo per exemple:

<div id="example"> 
    <a href="http://www.google.com/#1">Hello</a> 
    <a href="http://www.google.com/#4">Hello</a> 
</div> 

E questo a due linee di jQuery:

jQuery("a").filter(function() { 
    console.log(""+this+"") 
}); 

Ritorni:

http://www.google.com/#1 

http://www.google.com/#4 

Ma

jQuery("a").filter(function() { 
    console.log(this); 
}); 

Returns

<a href="http://www.google.com/#1">Hello</a>​ 

<a href="http://www.google.com/#4">Hello</a>​ 

Perché la linea 2, restituire l'attributo HREF dell'ancora SE 'questo' argomento aggiungere una "stringa"? Il docs jQuery dice che se il filtro ha un argomento di funzione, il "this" is the current DOM element

Answer 1

""+this è equivalente a this.toString(). Su un elemento a restituisce il href (sì, è strano, e probabilmente per compatibilità con qualcosa che è stato utile molto tempo fa, ma è quello che fa su tutti i browser).

Nel secondo caso, non si sta chiamando toString ma il metodo di formattazione della console dipendente dal browser. Sono state fatte diverse scelte: su Chrome, ad esempio, di solito restituisce l'html esterno (come un albero sfogliabile se è grande).