jquery 中event.data的作用

最新推荐文章于 2021-08-16 19:49:40 发布

PALE_BLUE_DOT

最新推荐文章于 2021-08-16 19:49:40 发布

阅读量1.6k

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/u010304464/article/details/49924541

版权

jquery 中event.data的作用

  
  
   
   
    
    <!doctype html>
   
   
  
  
  
  
   
   
    
    <html lang="en">
   
   
  
  
  
  
   
   
    
    <head>
   
   
  
  
  
  
   
   
    
    <meta charset="utf-8">
   
   
  
  
  
  
   
   
    
    <title>event.data demo</title>
   
   
  
  
  
  
   
   
    
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
   
   
  
  
  
  
   
   
    
    </head>
   
   
  
  
  
  
   
   
    
    <body>
   
   
  
  
  
  
   
   
    
    
   
   
  
  
  
  
   
   
    
    <button> 0 </button>
   
   
  
  
  
  
   
   
    
    <button> 1 </button>
   
   
  
  
  
  
   
   
    
    <button> 2 </button>
   
   
  
  
  
  
   
   
    
    <button> 3 </button>
   
   
  
  
  
  
   
   
    
    <button> 4 </button>
   
   
  
  
  
  
   
   
    
    
   
   
  
  
  
  
   
   
    
    <div id="log"></div>
   
   
  
  
  
  
   
   
    
    
   
   
  
  
  
  
   
   
    
    <script>
   
   
  
  
  
  
   
   
    
    var logDiv = $( "#log" );
   
   
  
  
  
  
   
   
    
    
   
   
  
  
  
  
   
   
    
    for ( var i = 0; i < 5; i++ ) {
   
   
  
  
  
  
   
   
    
      $( "button" ).eq( i ).on( "click", { value: i }, function( event ) {
   
   
  
  
  
  
   
   
    
    var msgs = [
   
   
  
  
  
  
   
   
    
    "button = " + $( this ).index(),
   
   
  
  
  
  
   
   
    
    "event.data.value = " + event.data.value,
   
   
  
  
  
  
   
   
    
    "i = " + i
   
   
  
  
  
  
   
   
    
        ];
   
   
  
  
  
  
   
   
    
        logDiv.append( msgs.join( ", " ) + "<br>" );
   
   
  
  
  
  
   
   
    
      });
   
   
  
  
  
  
   
   
    
    }
   
   
  
  
  
  
   
   
    
    </script>
   
   
  
  
  
  
   
   
    
    
   
   
  
  
  
  
   
   
    
    </body>
   
   
  
  
  
  
   
   
    
    </html>
   
   
   
   
    
    

   
   
   
   
    
    button = 0, event.data.value = 0, i = 5
button = 1, event.data.value = 1, i = 5
button = 2, event.data.value = 2, i = 5
button = 3, event.data.value = 3, i = 5
button = 4, event.data.value = 4, i = 5
   
   
   
   
    
    

   
   
   
   
    
    总结：event.data指的就是on("click",
    
    {value:i}
    
    ,function)中的第二个参数的json数据，这样可以在执行事件的时候传入自己要的一些数据。