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

2021年3月29日17:48:18 发表评论 842 次浏览

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属性1

单击后:

jQuery | event.delegateTarget属性2

木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: