jquery事件篇-事件绑定

on(events,[selector],[data],fn)

events:表示要绑定的事件，如click事件；
<div class="div1">
    <p>绑定事件在h1显示我的文本内容</p>
    <h1></h1>
</div>
//绑定事件
$(document).ready(function () {
    $(".div1 p").on("click",function () {
        $("h1").html($(this).text());
    })
})
未点击前：

点击后：

data:当一个事件被触发时要传递event.data给事件处理函数
<div class="div2">
    <p>当一个事件被触发时要传递event.data给事件处理函数。</p>
</div>
$(".div2 p").on("click",{a:"你好呀！世界"},function (event) {
    alert(event.data.a);
})

selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代。

<div class="div3">

<p>一个选择器字符串过滤选定的元素，该选择器的后裔元素将调用处理程序</p>

</div>

$(".div3").on("click","p",function () {
    alert(1);
})

事件绑定其实很简单，on(events,[selector],[data],fn)中event参数表示要在这个元素身上绑定什么事件，data是一个对象，当绑定该元素身上

的事件发生时，将data里面的数据通过event.data传递给事件处理函数，selector参数表示设置一个属性过滤器，简单来说就是选择绑定在父元素

身上的事件，在子元素上使用，fn是事件处理函数，表示元素事件执行时执行什么事情。