jQuery如何使用event.delegateTarget属性(代码示例)

event.delegateTarget属性在jQuery中习惯于返回当前调用的元素jQuery事件处理程序被附上。
语法如下:

event.delegateTarget

参数:
  • 事件:这是必需参数, 并且此事件参数来自事件绑定功能。
例子:
< !DOCTYPE html> < html > < head > < title > jQuery event.currentTarget Property < / title > < script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" > < / script > < script > $(document).ready(function() { $("div").on("click", "button", function(event) { $(event.delegateTarget).css( "background-color", "green"); }); }); < / script > < / head > < body > < center > < div > < h1 > lsbin< / h1 > < h2 id = "geeks2" > jQuery event.currentTarget Property < / h2 > < button > Click< / button > < / div > < / center > < / body > < / html >

输出如下:
点击之前:
jQuery如何使用event.delegateTarget属性(代码示例)

文章图片
【jQuery如何使用event.delegateTarget属性(代码示例)】单击后:
jQuery如何使用event.delegateTarget属性(代码示例)

文章图片

    推荐阅读