jQuery event.data 属性

  • 定义和用法

    event.data 属性包含在绑定当前执行处理程序时传递给事件方法的可选数据。
  • 语法

    event.data
  • 参数

    参数 描述
    event 必需的。事件参数来自事件绑定功能
  • 示例

    下例演示了返回每个<p>元素的on()方法传递的数据:
    <!DOCTYPE html>
    <html lang="en">
    <head>
       <meta charset="UTF-8">
       <title>欢迎来到蝴蝶教程</title>
       //此版本是百度cdn 1.11.1,当然你可以使用更高的版本,从2.0版本以上的是不支持ie6-8的
       <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
       <script>
           $(document).ready(function () {
              $("p").each(function(i){
                $(this).on("click", {x:i}, function(event){
                  alert("这个是index索引" + $(this).index() + "。段落的data数据是: " + event.data.x);
                });
              });
            });
       </script>
    </head>
    <body>
         //点击每一个 p 元素返回数据,通过 on() 方法来实现
         <p>段落11111</p>
         <p>段落22222</p>
         <p>段落33333</p>
         
    </body>
    </html>
    
    尝试一下