摘要: 事件委托 事件委托就是利用事件冒泡原理,把处理任务委托给父元素或者祖先元素(通常用父元素),我们通过目标对象来判断事件源,并执行事件处理。 $(el).on( events [, selector ] [, data ], handler(eventObject) ) el是父元素,selector 阅读全文
posted @ 2018-07-24 17:01 HL() 阅读(126) 评论(0) 推荐(0) 编辑
摘要: 事件对象 每个事件处理函数都会获得一个事件对象,该对象中包含和此事件相关的方法及属性。 事件对象在事件触发时自动传入。 事件对象的属性有: type:事件类型,如click、mouseover等 which:被按下的按钮或键 data:当事件发生时传入该函数的一些额外信息 target:发生了这个事 阅读全文
posted @ 2018-07-24 16:58 HL() 阅读(118) 评论(0) 推荐(0) 编辑
摘要: 事件方法on() on()方法用来处理事件。jQuery会处理所有浏览器的兼容性问题。 on()方法可以指定影响哪个事件,相当于JavaScript中的addEventListener()事件监听。 on()方法有两个参数: 第一个参数,是事件,同addEventListener()事件监听的第一个 阅读全文
posted @ 2018-07-24 16:48 HL() 阅读(256) 评论(0) 推荐(0) 编辑
摘要: each()遍历 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>each()遍历</title> <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1. 阅读全文
posted @ 2018-07-24 16:44 HL() 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 链接式操作 $("#one").hide().delay(500).fadeIn(1500); 在这条语句中,在同一选择结果的元素上执行了三个方法: 1.hide() 隐藏元素 2.delay() 创建暂停 3.fadeIn() 淡入元素 这种在同一选取结果上处理多个方法的技术,叫做链接式操作。 < 阅读全文
posted @ 2018-07-24 16:41 HL() 阅读(295) 评论(0) 推荐(0) 编辑
摘要: 理解选取更新范围 在jQuery中,当选择器返回了多个元素时,可以使用一个方法来更新所有的元素,不再需要使用循环。 <!DOCTYPE html><html> <head> <title>理解选取更新范围</title> <meta charset="UTF-8"> <script src="htt 阅读全文
posted @ 2018-07-24 16:35 HL() 阅读(122) 评论(0) 推荐(0) 编辑