Warum "das" Argument in jQuery href mit Ankern gibt

Question

ich diese exemple für haben:

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

Und diese zwei Linie von jQuery:

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

Returns:

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

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

Aber

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>​ 

Warum die Linie 2, das HREF-Attribut des Ankers zurück, wenn "das Argument ein "string" hinzufügen? Die jQuery docs sagt, wenn ein Filterfunktionsargument hat, die "this" is the current DOM element

Answer 1

""+this zu this.toString() entsprechen. Auf einem a Element gibt es die href (ja, das ist komisch, und wahrscheinlich für die Kompatibilität mit etwas, das vor war, nützlich eine lange Zeit, aber das ist, was es tut auf allen Browsern).

Im zweiten Fall rufen Sie nicht toString an, sondern die vom Browser abhängige Konsolenformatierung. Es wurde eine andere Auswahl getroffen: In Chrome wird normalerweise der äußere HTML-Code zurückgegeben (als durchsuchbarer Baum, wenn er groß ist).