【jQuery-委托事件和on方法注册事件】的更多相关文章

jQuery-委托事件和on方法注册事件

delegate注册委托事件 delegate--代理.委托 事件代理----事件最终不是由$("#first")执行,它只是代理元素 第一个参数:最终发生事件的元素 第二个参数:事件类型 第三个参数:函数 事件执行顺序:对于被委托者来说先执行委托事件,后执行简单事件. 例:下面的例子中,如果为p.div都注册点击事件,再为div注册委托事件, 则先执行p的点击事件,再执行div注册的委托事件,最后执行div的点击事件 on方法注册简单事件与委托事件 <script> /*…

使用jquery的on方法注册事件遇到的坑

1,使用on注册事件 $(selector).on(event,childSelector,data,function) 2,$(selector)中的selector可以是document,那么意味着将childSelector的事件注册挂载在document上,因为document是一切节点的父节点. 3,如果要解绑使用off()函数 $(selector).off(event,selector,function(eventObj),map) event 必需.规定要从被选元素移除的一个或多…

mousewheel事件的兼容方法

在垂直方向上滚动页面时,会触发mousewheel事件,这个事件会在任何元素上触发,最终都会冒泡到document(IE8)或window(IE9+及其他主流现代浏览器)对象. 在给元素指定mousewheel事件时,FireFox不支持使用onmousewheel,而是支持一个名为DOMMouseScroll的事件.DOMMouseScroll与onmousewheel的区别是,前者只能通过DOM2级事件处理程序的方法,即addEventListener()方法添加事件处理程序,而后者可以使用…

JQuery的事件委托；jQuery注册事件；jQuery事件解绑

一.事件 ①事件委托:就是给子元素的父元素或者祖先元素注册一个事件,但是事件的执行者是子元素,委托事件的好处是能够给动态创建出来时元素也加上事件. ②简单事件:就是给自己注册事件自己执行动态创建出来的事件不会有事件. ③使用方法:$("span").on("click",function(){alert("这是一个简单事件");}): $("div").on("click", "span"…

jquery on方法（事件委托）

jquery绑定事件处理函数的方法有好几个,比如:bind(),on(),delegate(),live(). 其中delegate和live都是用on实现的,效果也类似,live好像在1.7版本中已经废弃了. 这里重点看看on的用法: $(el).on( events [, selector ] [, data ], handler(eventObject) ) 如果省略了selector参数,on方法和bind方法效果一样. 如果传递了参数selector,其实就生成了一个“事件委托”. 什…

【转】jquery 注册事件的方法

原文链接:http://outofmemory.cn/code-snippet/2123/jquery-zhuce-event-method 1.使用事件名来绑定,可用的事件名有 change,click,dblclick,error,focus,focusin,focusout,keydown,keypress,keyup,mousedown,mouseenter,mouseleave,mousemove,mouseout,mouseover,mouseup,resize,scroll,sel…

jquery生成元素注册事件无效，及事件委托的使用

在页面加载完成之后,我们在页面操作用js生成html代码到页面,动态的添加元素带页面上 但是,这里可能很多人就必须碰到的一个问题就出现了,当你之后动态添加了元素到页面上,发现这个元素的绑定事件无效,如click点击了根本没有作用 这里就要用到事件委托让未来元素能绑定事件 方法一 $("div").delegate("#id", "click", function(){ ...............}); 这样做就能保证你未来生成的元素也能绑定单…

python 全栈开发，Day55(jQuery的位置信息,JS的事件流的概念(重点),事件对象,jQuery的事件绑定和解绑,事件委托(事件代理))

一.jQuery的位置信息 jQuery的位置信息跟JS的client系列.offset系列.scroll系列封装好的一些简便api. 一.宽度和高度 获取宽度 .width() 描述:为匹配的元素集合中获取第一个元素的当前计算宽度值.这个方法不接受任何参数..css(width) 和 .width()之间的区别是后者返回一个没有单位的数值(例如,400),前者是返回带有完整单位的字符串(例如,400px).当一个元素的宽度需要数学计算的时候推荐使用.width() 方法 . 举例: <!DOC…

Jquery中bind(), live(), on(), delegate()四种注册事件的优缺点，建议使用on（）

jquery中注册的事件,注册事件很容易理解偏差,叫法不一样.我第一反应就是如何添加事件,使用onclick之类的,暂时不讨论js注册事件的方法. 也看到园内前辈写过相关的帖子,但不是很详细,我找到了一个还算比较详细,但不支持转载无奈收藏,又担心不经常看着个强迫症.就当copy吧. jQuery中的bind(), live(), on(), delegate() 当我们试图绑定一些事件到DOM元素上的时候,我相信上面这4个方法是最常用的.而它们之间到底有什么不同呢?在什么场合下用什么方法是最有效…

jQuery三——筛选方法、事件

一.jquery常用筛选方法 以下为jquery的常用筛选方法: 代码示例如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>筛选方法</title> <style type="text/css"> li.active { font-size: 50px; } <…