JqueryOn绑定事件方法介绍

【JqueryOn绑定事件方法介绍】的更多相关文章

JqueryOn绑定事件方法介绍

JqueryOn绑定事件方法介绍 1. 简介 (1) On()方法在被选及子元素上添加一个或多个事件处理程序 (2) 在jquery 版本1.7起,on()方法是bind(),live()和delegate()方法的新的替代品,该方法给API带来很多便利,简化了JQUERY代码库. (3) 使用on()方法添加的事件处理程序适用于当前及未来的元素(比如由脚本创建的新元素) 2. 目前了解到使用场景 (1) 使用ajax请求数据时使用. (2) 对加载完页面之后的元素进行事件绑定. 3. 注意事项…

jQuery绑定事件方法及区别(bind,click,on,live,one)

第一种方式: ? 1 2 3 4 5 $(document).ready(function(){ $("#clickme").click(function(){ alert("hello world click") }) }) 第二种方式(简写方式为第一种): ? 1 2 3 $('#clickmebind').bind("click", function(){ alert("Hello World bind"); }…

原生JS事件绑定方法以及jQuery绑定事件方法bind、live、on、delegate的区别

一.原生JS事件绑定方法: 1.通过HTML属性进行事件处理函数的绑定如: <a href="#" onclick="f()"> 2.通过JavaScript对象属性进行绑定: var a=document.getElementById("a"); a.onclick=function(){alert("你好!")};//这里也可以不用匿名的函数直接赋方法名也是可以的通过以上这种方式进行事件函数的绑定有个缺点就是…

JQ绑定事件（1.9已经废除了live()等绑定事件方法，on()方法是官方推荐的绑定事件的一个方法）

本文来源:http://www.cnblogs.com/leejersey/p/3545372.html jQuery on()方法是官方推荐的绑定事件的一个方法. $(selector).on(event,childSelector,data,function,map) 由此扩展开来的几个以前常见的方法有. bind() $("p").bind("click",function(){ alert("The paragraph was clicked.&q…

js绑定事件方法：addEventListener与attachEvent的不同浏览器的兼容性写法

js的事件绑定方法中,ie仅仅支持attachEvent,而FF和Chrome仅仅支持addEventListener,所以就必须为这两个方法做兼容处理,原理是先推断attachEvent仅仅否为真(存在),假设为真则用attachEvent()方法.否则的话就用addEventListener(). 另外,为了避免每次绑定事件时都要做推断.能够封装一个函数myAddEvent(obj,ev,fn){}. 代码例如以下: <!DOCTYPE html> <html> <hea…

不使用jquery情况下循环添加绑定事件方法

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .page{border: 1px red solid;} .up{width:300px;height:50px;} .a{width:90px;height:50px;float: left;bo…

jQuery 绑定事件及移除绑定事件方法和元素事件列表

1.jQuery Event 事件: ready(fn); $(document).ready()注意在body中没有onload事件,否则该函数不能执行.在每个页面中可以有很多个函数被加载执行,按照fn的顺序来执行. bind( type, [data], fn ) 为每一个匹配元素的特定事件(像click)绑定一个或多个事件处理器函数.可能的事件属性有:blur, focus, load, resize, scroll, unload, click, dblclick,…

js绑定事件方法：addEventListener的兼容问题

js的事件绑定方法中,ie只支持attachEvent,而FF和Chrome只支持addEventListener;严格来说:addEventListener只有IE9以上版本的IE浏览器上能够兼容,IE8或者更低的版本是不支持,这时要想能够兼容IE低版本浏览器就需要判断当前浏览器然后针对不同浏览器决定用哪一个. attachEvent和addEventLitener的不同之处是第二个参数事件名要多加个“on”,比如‘onclick’,而且他的this 指向的是window,在使用的时候需要改变…

[javascript]jQuery绑定事件方法：on()

语法: $(selector).on(event,childSelector,data,function) on(event,childSelector,data,function):在被选元素及子元素上添加一个或多个事件处理程序. 1.参数含义 event 必需.规定要从被选元素移除的一个或多个事件或命名空间. 由空格分隔多个事件值,也可以是数组.必须是有效的事件. childSelector 可选.规定只能添加到指定的子元素上的事件处理程序(且不是选择器本身,比如已废弃的 delegate(…

引用 1.9.1.min.js dom对象没有live 绑定事件方法，引用 1.7.js 就有live 绑定事件方法

问题:相同环境,引用 1.9.1.min.js $('div[data-role="page"]').live('pagehide', function (event, ui) { $(event.currentTarget).remove(); });这个报错,提示 Uncaught TypeError: Object [object Object] has no method 'live'而引用1.7就不会.谁能解释一下,一般都是高版本兼容低版的.还是我下载的1.9.1.min.j…