jquery获取并修改触发事件的DOM元素示例【基于target 属性】

当使用jQuery绑定事件时，可以在事件函数中使用event参数，这个参数提供了信息关于事件发生的上下文，包括指定事件元素的信息。其中，event.target属性提供了被触发事件的元素的DOM对象。利用这个属性，我们可以获取和修改触发事件的DOM元素。

改变DOM元素的背景颜色的示例：

$("#myButton").click(function(event){
  $(event.target).css("background-color", "yellow");
});

上面的代码段是一个jQuery点击事件的示例，当绑定点击事件时，点击事件的回调函数将提供一个事件参数 event。通过使用 event.target，我们可以获取到触发事件的DOM元素，然后使用jQuery的css()方法来改变DOM元素的背景颜色。

另一个示例是，为触发事件的DOM元素添加或删除类名的示例：

$("#myLinks a").click(function(event){
  event.preventDefault();
  $(event.target).toggleClass("highlight");
});

上面的代码段是一个点击链接事件的示例。在这个示例中，我们使用了preventDefault()方法来防止默认的链接行为，然后使用toggleClass()方法为 event.target 元素添加或删除一个类名，从而可以加高亮或取消高亮样式。

在这两个示例中，我们都使用了 event.target 属性来获取并修改触发事件的DOM元素，通过这种方式，可以达到获取和处理原始DOM元素的目的，提高触发事件的DOM元素的操作灵活性。