我是靠谱客的博主 不安西装,最近开发中收集的这篇文章主要介绍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。

转载于:https://www.cnblogs.com/liuxiaowei/p/7774779.html

最后

以上就是不安西装为你收集整理的JQ 事件绑定与事件委派的全部内容,希望文章能够帮你解决JQ 事件绑定与事件委派所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(76)

评论列表共有 0 条评论

立即
投稿
返回
顶部