简单的 Javascript 来模仿在事件处理程序中使用它的 jQuery 行为

这不是关于 jQuery 的问题，而是关于 jQuery 如何实现这种行为的问题。

在 jQuery 中你可以这样做：

$('#some_link_id').click(function() 
{
   alert(this.tagName); //displays 'A'
})

有人可以概括地解释一下（不需要您编写代码）他们如何将事件的调用者 html 元素（此特定示例中的链接）传递到this关键词？

我显然试图在 jQuery 代码中查看第一个，但我无法理解一行。

Thanks!

UPDATE:根据 Anurag 的回答，我决定此时发布一些代码，因为编码似乎比我想象的更容易：

function AddEvent(html_element, event_name, event_function)
{      
   if(html_element.attachEvent) //IE
      html_element.attachEvent("on" + event_name, function() {event_function.call(html_element);});
   else if(html_element.addEventListener) //FF
      html_element.addEventListener(event_name, event_function, false); //don't need the 'call' trick because in FF everything already works in the right way         
}

然后现在通过一个简单的调用，我们模仿在事件处理程序中使用它的 jQuery 行为

AddEvent(document.getElementById('some_id'), 'click', function()
{            
   alert(this.tagName); //shows 'A', and it's cross browser: works both IE and FF
}); 

您是否认为我以过于肤浅的方式看待所有事情有任何错误或误解？

在 Javascript 中，您可以以编程方式调用函数并告诉它做什么this应该引用，并使用以下任一方式向其传递一些参数call or apply中的方法Function。函数在 Javascript 中也是一个对象。

jQuery 迭代其结果中的每个匹配元素，并调用click该对象上的函数（在您的示例中）将元素本身作为上下文传递或什么this指的是该函数内部。

例如：

function alertElementText() {
    alert(this.text());
}

这将调用上下文（this）对象上的文本函数，并警告它的值。现在我们可以调用该函数并使上下文（this）成为 jQuery 包装的元素（因此我们可以调用this直接不使用$(this).

<a id="someA">some text</a>
alertElementText.call($("#someA")); // should alert "some text"

使用之间的区别call or apply调用该函数是很微妙的。和call参数将按原样传递，并且apply它们将作为数组传递。阅读更多有关apply and call on MDC.

同样，当调用 DOM 事件处理程序时，this已经指向触发事件的元素。 jQuery 只是调用您的回调并将上下文设置为元素。

document.getElementById("someId").onclick = function() {
    // this refers to #someId here
}