如何识别 jQuery 事件的源元素？

识别事件源

当事件发生时，通常需要确定触发它的元素的身份。这对于根据事件源执行特定操作特别有用。

在 jQuery 中，可以利用 event.target 属性来获取触发事件的元素的 ID。此属性表示事件的直接源。

示例实现

考虑以下 JavaScript 代码：

$(document).ready(function() {
    $("a").click(function(event) {
        var elementId = event.target.id;
        console.log("ID of the element that fired the event: " + elementId);
    });
});

在此代码中，当一个单击元素，将调用单击事件处理程序。将事件参数传递给处理程序，并检索 event.target.id 属性以获取被单击元素的 ID。然后，此 ID 会记录到控制台进行显示。

注意：

event.target 属性引用实际的 DOM 元素。要对元素执行 jQuery 操作，必须使用 $(this) 将其包装在 jQuery 对象中。例如：

$(document).ready(function() {
    $("a").click(function(event) {
        $(this).append(" Clicked");
    });
});

以上是如何识别 jQuery 事件的源元素？的详细内容。更多信息请关注PHP中文网其他相关文章！