JQ 事件绑定与事件委派

一、定义:

  所谓事件:即给相应标签进行的动作

二、事件绑定

给所有的P标签绑定一个事件click,去执行里边的function函数

$("p").click(function(){})

三、事件委派

1、定义:事件委派的定义就是,把原来加给子元素身上的事件绑定在父元素身上,就是把事件委派给父元素。

2、具体执行,用ON来绑定:

<ul id="list">
    <li>1111<li>
    <li>2222<li>
    <li>3333<li>
    <li>4444<li>
</ul>
$(document).on('click', '#list li', function() {
    alert('hello world!')
});

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

  events:一个或多个用空格分隔的事件类型和可选的命名空间,如"click"或"keydown.myPlugin" 。

  selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择器为null或省略,当它到达选定的元素,事件总是触发。

  data:当一个事件被触发时要传递event.data给事件处理函数。

fn:该事件被触发时执行的函数。 false 值也可以做一个函数的简写,返回false。

posted @ 2017-11-02 21:57  刘小伟  阅读(2002)  评论(0编辑  收藏  举报