事件委托是通过事件冒泡的原理,利用父级去触发子级的事件。 如下html,如果不用事件委托,将每一个li都去添加click事件监听,非常麻烦。 另外就是如果通过js动态创建的子节点,需要重新绑定事件。 而利用事件委托的话,只需要给父级绑定一个事件监听,即可让每个li都绑定上相应的事件 eg: item... ...
分类:
Web程序 时间:
2017-06-03 11:29:06
阅读次数:
180
funname(event)会将事件传到函数参数里,调用时一定要是event,然后函数处的名就不一定要是event funname(this)也是一样,会将当前DOM元素传到函数里,调用时一定要是this ev.stopPropagation()阻止事件向父元素冒泡 jQuery 事件 方法 jQu ...
分类:
Web程序 时间:
2017-06-03 09:49:03
阅读次数:
345
jQuery事件对象的属性和方法 事件对象的属于与方法有很多,但是我们经常用的只有那么几个,这里我主要说下作用与区别 event.type:获取事件的类型 触发元素的事件类型 $("a").click(function(event) { alert(event.type); // "click"事件 ...
分类:
Web程序 时间:
2017-06-02 23:56:24
阅读次数:
327
jQuery事件对象的作用 事件中的Event对象容易被初学者忽略掉,可能大多时候初学者不知道怎么去用它,但有些时候它还是非常有用的 一个标准的"click"点击事件 $(elem).on("click",function(event){ event //事件对象 }) 在不同浏览器之间事件对象的获 ...
分类:
Web程序 时间:
2017-06-02 23:52:34
阅读次数:
229
一、事件 1、载入DOM $(document).ready() 这个第一节里具体介绍了 2、事件绑定 jQuery定义了bind()方法作为统一的接口。用来为每个匹配元素绑定事件处理程序。其基本的语法:bind(type,[data],fn); 当中參数type表示事件类型,參数data是可选參数 ...
分类:
Web程序 时间:
2017-05-28 12:29:25
阅读次数:
282
一. jQuery事件传播 在DOM2级事件模型中,一旦事件被触发。事件流首先从DOM树顶部(文档节点)向下传播。直到目标节点。然后再从目标节点向上传播到DOM树顶。从上到下的过程被称为捕获阶段。从下到上的过程被称为冒泡阶段。 利用循环体结构分别为button元素及其全部父级节点注冊一个捕获型鼠标单 ...
分类:
Web程序 时间:
2017-05-28 11:43:38
阅读次数:
271
<!doctype html><html><head> <meta charset="UTF-8"> <title>jquery事件</title> <script src="jquery-3.2.0.min.js"></script></head><body> <input id="text" v ...
分类:
Web程序 时间:
2017-05-25 15:46:32
阅读次数:
138
jQuery 事件 下面是 jQuery 中事件方法的一些例子: 隐藏部分文本 部分消失 速度 jQuery toggle() 通过 jQuery,您可以使用 toggle() 方法来切换 hide() 和 show() 方法。 显示被隐藏的元素,并隐藏已显示的元素: 实例 ...
分类:
Web程序 时间:
2017-05-22 15:21:35
阅读次数:
273
bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。 event必需。规定添加到元素的一个或多个事件,由空格分隔多个事件。必须是有效的事件。。 data:可选。规定传递到函数的额外数据。 function:必需。规定当事件发生时运行的函数。 上例当点击鼠标时,隐藏或显 ...
分类:
Web程序 时间:
2017-05-18 11:34:40
阅读次数:
151
<1> <pre name="code" class="html"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional. ...
分类:
其他好文 时间:
2017-05-16 19:19:02
阅读次数:
170