javascript - Javascript/jQuery：为什么 event.target 使用标签的结果不同。console.log 中的其他元素，alert() 考虑到 $(this)

Question

在使用 event.log 处理 DOM 时，似乎有一些值得理解的东西。

比较警报中的结果和 firebug 中的 console.log。

我有这个代码 HTML：

<div>Click Me < Div ></div>
<a href="#">Click Me < a ></a> 

和JS：

$(function(){
    $('div').click(function(e){

        console.log(e.target);
        console.log($(this));
        alert(e.target)
        alert($(this))
    })

    $('a').click(function(e){
       e.preventDefault();

        console.log(e.target);
        console.log($(this));

        alert(e.target)
        alert($(this))
    })
})

当 Div 或被点击时：

这console.log都按预期工作

但是alerts 出现不同的输出：

对于 DIV：

1 objectHTMLDivElement
2 object 对象//using jQuery's $(this)

但是，当<a>标签被点击时，它会产生：

1 网址或href属性值

2 对象对象//using jQuery's $(this)

为什么会这样？为什么不<a>将此标签打印为 HTMLElement 的警报？

请在这里自己测试：http: //jsfiddle.net/hWR53/1/

Answer 1

所有对象，其中包括元素，都有一个toString函数，并且toString在对象上调用此函数以构建警报中显示的内容。

对于大多数对象，此函数返回"[object Object]"，但元素的实例a将其覆盖以返回href元素属性的值。