jquery事件使用方法总结（转）

【jquery事件使用方法总结（转）】的更多相关文章

jQuery事件绑定方法bind、 live、delegate和on的区别

我们试图绑定一些事件到DOM元素上的时候,我相信上面这4个方法是最常用的.而它们之间到底有什么不同呢?在什么场合下用什么方法是最有效的呢? 1.准备知识当我们在开始的时候,有些知识是必须具备的: 1).DOM树下图仅仅是一个示例,这是一个在browser环境下的一棵模拟DOM树,在下面的代码中仅起到演示的作用: 2).Event bubbling (aka event propagation)冒泡我们的页面可以理解为一棵DOM树,当我们在叶子结点上做什么事情的时候(如click一个a元素)…

jquery事件使用方法总结

jquery提供了许多的事件处理函数,学习前端一段时间了,下面对其总结一下,梳理一下知识点. 一.鼠标事件 1. click():鼠标单击事件 $div = $("div") $div.click(data,function (event) { //点击盒子变蓝 $(this).css({ "background": "blue", }); console.log(event); }) 参数function:匿名函数有且只有一个默认的参数even…

jQuery事件委托方法 bind live delegate on

1.bind jquery 1.3之前定义和用法:主要用于给选择到的元素上绑定特定事件类型的监听函数语法: bind(type,[data],function(e)); 特点: a.适合页面元素静态绑定,只能调用已经存在的元素绑定事件 b.当页面加载完后,才可以进行bind(), 所以有可能产生效率问题 $("#box").bind("click",function(e){ $(this).css({"width":"20…

jquery事件使用方法总结（转）

http://www.cnblogs.com/cwp-bg/p/7668940.html jquery提供了许多的事件处理函数,学习前端一段时间了,下面对其总结一下,梳理一下知识点. 一.鼠标事件 1. click():鼠标单击事件 $div = $("div") $div.click(data,function (event) { //点击盒子变蓝 $(this).css({ "background": "blue", }); console.…

jQuery 事件 - one() 方法

jQuery 事件参考手册实例当点击 p 元素时,增加该元素的文本大小: $("p").one("click",function(){ $(this).animate({fontSize:"+=6px"}); }); 定义和用法 one() 方法为被选元素附加一个或多个事件处理程序,并规定当事件发生时运行的函数. 当使用 one() 方法时,每个元素只能运行一次事件处理器函数. 语法 $(selector).one(event,data,fu…

完美的jquery事件绑定方法on()

在讲on()方法之前,我们先讲讲在on()方法出现前的那些事件绑定方法: .live() jQuery 1.3新增的live()方法,使用方法例如以下: $("#info_table td").live("click",function(){/*显示很多其它信息*/}); 这里的.live()方法会把click事件绑定到$(document)对象,并且仅仅须要给$(document)绑定一次,然后就行处理兴许动态载入的单元格的单击事件. 在接收到不论什么事件时.$(…

jQuery 事件 - ready() 方法

转载:http://www.w3school.com.cn/jquery/jquery_hide_show.asp 实例在文档加载后激活函数: $(document).ready(function(){ $(".btn1").click(function(){ $("p").slideToggle(); }); }); 亲自试一试定义和用法当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready 事件. 由于该事件在文档就绪…

jQuery 事件 - bind() 方法

定义和用法 bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数. 实例1(一个事件) 记得把js引用地址换掉当点击鼠标时,隐藏或显示 p 元素: <html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript"&g…

jQuery 事件 - triggerHandler() 方法

定义和用法 triggerHandler() 方法触发被选元素的指定事件类型.但不会执行浏览器默认动作,也不会产生事件冒泡. triggerHandler() 方法与 trigger() 方法类似.不同的是它不会触发事件(比如表单提交)的默认行为,而且只影响第一个匹配元素. 语法 $(selector).triggerHandler(event,[param1,param2,...])event:必需.规定指定元素要触发的事件.[param1,param2,...]:可选.传递到事件处理程序的额…

jQuery 事件 - trigger() 方法和 triggerHandler() 方法

trigger() 方法触发被选元素的指定事件类型. triggerHandler() 方法触发被选元素的指定事件类型.但不会执行浏览器默认动作,也不会产生事件冒泡. triggerHandler() 方法与 trigger() 方法类似.不同的是它不会触发事件(比如表单提交)的默认行为,而且只影响第一个匹配元素. 不同之处: 它不会引起事件(比如表单提交)的默认行为 .trigger() 会操作 jQuery 对象匹配的所有元素,而 .triggerHandler() 只影响第一个匹配元素.…

jQuery事件 - toggle() 方法

1.切换元素的显示与隐藏状态实例切换 <p> 元素的显示与隐藏状态: $(".btn1").click(function(){ $("p").hide(); }); 亲自试一试定义和用法 toggle() 方法切换元素的可见状态. 如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素. 语法 $(selector).toggle(speed,callback,switch)可选的 speed 参数规定隐藏/显示的速度,可以取以下值:&…

很实用的jQuery事件 - toggle() 方法

实例切换不同的背景色: $("p").toggle( function(){ $("body").css("background-color","green");}, function(){ $("body").css("background-color","red");}, function(){ $("body").css("bac…

jQuery 事件 - trigger() 方法

<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("input").select(function(){ $("input&…

jQuery 事件 - delegate() 方法

<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){ $("div").delegate("p","click"…

jQuery 事件 click() 方法，dblclick() 方法

click() 方法当点击元素时,会发生 click 事件. 当鼠标指针停留在元素上方,然后按下并松开鼠标左键时,就会发生一次 click. click() 方法触发 click 事件,或规定当发生 click 事件时运行的函数. $(selector).click(function)//语法将函数绑定到 click 事件 $("#lianxi").click(function(){ $("p").slideToggle(); }); 单击id为lianxi的&…

jQuery 事件 - load() 方法

例子:$("img").load(function(){ $("div").text("Image loaded"); }); 定义和用法当指定的元素(及子元素)已加载时,会发生 load() 事件. 该事件适用于任何带有 URL 的元素(比如图像.脚本.框架.内联框架). 根据不同的浏览器(Firefox 和 IE),如果图像已被缓存,则也许不会触发 load 事件. 语法 $(selector).load(function) 参数描述 f…

jQuery 事件 - error() 方法

实例如果图像不存在,则用一段预定义的文本取代它: $("img").error(function(){ $("img").replaceWith(" Missing image! "); });…

jquery各种事件使用方法总结（from：天宇之游）

ps:本博客转自博主天宇之游 ,地址:http://www.cnblogs.com/cwp-bg/ ,再次感谢天宇之游.jquery事件使用方法总结一.鼠标事件1. click():鼠标单击事件 $div = $("div")$div.click(data,function (event) { //点击盒子变蓝 $(this).css({ "background": "blue", }); console…

jQuery事件和JavaScript事件

1.JavaScript事件: 属性当以下情况发生时,出现此事件 FF N IE onabort 图像加载被中断 1 3 4 onblur 元素失去焦点 1 2 3 onchange 用户改变域的内容 1 2 3 onclick 鼠标点击某个对象 1 2 3 ondblclick 鼠标双击某个对象 1 4 4 onerror 当加载文档或图像时发生某个错误 1 3 4 onfocus 元素获得焦点 1 2 3 onkeydown 某个键盘的键被按下 1 4 3 onkeypress 某个键盘的…

jQuery事件：bind、delegate、on的区别

最近在AngularJS的开发中,遇到一个神奇的事情:我们用到livebox来预览评论列表中的图片, 然而评论列表是由Angular Resource动态载入的.不可思议的是,点击这些动态载入的图片仍然会触发lightbox的图片预览. 难道lightbox使用先进的MutationObserver技术监听了DOM的变化?观察lightbox源码才发现,原来只是jQuery的.on()方法: $('body').on('click', 'a[rel^=lightbox], ...', funct…

jquery 的 change() 方法的使用

w3c 中的定义:链接 <a>http://www.w3school.com.cn/jquery/event_change.asp<a> jQuery 事件 - change() 方法定义和用法当元素的值发生改变时,会发生 change 事件. 该事件仅适用于文本域(text field),以及 textarea 和 select 元素. change() 函数触发 change 事件,或规定当发生 change 事件时运行的函数. 注释:当用于 select 元素时,c…

jQuery中的事件绑定方法

在jQuery中,事件绑定方法大致有四种:bind(),live(), delegate(),和on(). 那么在工作中应该如何选择呢?首先要了解四种方法的区别和各自的特点. 在了解这些之前,首先要知道,不管你用的是(live/ bind / delegate)之中那个方法,最终都是jQuery底层都是调用on方法来完成最终的事件绑定;.unbind(), .die(), .undelegate(),也是一样的都是通过.off()来实现的; 因此从某种角度来讲除了在书写的方便程度及习惯上挑选,不…

jQuery的4种事件绑定方法

jQuery中提供了四种绑定事件的方法,分别是bind.live.delegate.on,对应的解除监听的函数分别是unbind.die.undelegate.off: 一.on()方法(首选方法) on() 方法在被选元素及子元素上添加一个或多个事件处理程序. 自 jQuery 版本 1.7 起,on() 方法是 bind().live() 和 delegate() 方法的新的替代品.该方法给 API 带来很多便利,我们推荐使用该方法,它简化了 jQuery 代码库. 参数: event:必需…

Web jquery表格组件 JQGrid 的使用 - 4.JQGrid参数、ColModel API、事件及方法

系列索引 Web jquery表格组件 JQGrid 的使用 - 从入门到精通开篇及索引 Web jquery表格组件 JQGrid 的使用 - 4.JQGrid参数.ColModel API.事件及方法 Web jquery表格组件 JQGrid 的使用 - 5.Pager翻页.搜索.格式化.自定义按钮 Web jquery表格组件 JQGrid 的使用 - 6.准备工作 & Hello JQGrid Web jquery表格组件 JQGrid 的使用 - 7.查询数据.编辑数据.删除数据…

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

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

jquery 绑定事件的方法

jQuery中提供了四种绑定事件的方法,分别是bind.live.delegate.on,对应的解除监听的函数分别是unbind.die.undelegate.off: 一.on()方法(首选方法) on() 方法在被选元素及子元素上添加一个或多个事件处理程序. 自 jQuery 版本 1.7 起,on() 方法是 bind().live() 和 delegate() 方法的新的替代品.该方法给 API 带来很多便利,我们推荐使用该方法,它简化了 jQuery 代码库. 参数: event:必需…

【jquery事件使用方法总结（转）】的更多相关文章

jQuery事件绑定方法bind、 live、delegate和on的区别

jquery事件使用方法总结

jQuery事件委托方法 bind live delegate on

jquery事件使用方法总结（转）

jQuery 事件 - one() 方法

完美的jquery事件绑定方法on()

jQuery 事件 - ready() 方法

jQuery 事件 - bind() 方法

jQuery 事件 - triggerHandler() 方法

jQuery 事件 - trigger() 方法和 triggerHandler() 方法

jQuery事件 - toggle() 方法

很实用的jQuery事件 - toggle() 方法

jQuery 事件 - trigger() 方法

jQuery 事件 - delegate() 方法

jQuery 事件 click() 方法，dblclick() 方法

jQuery 事件 - load() 方法

jQuery 事件 - error() 方法

jquery各种事件使用方法总结（from：天宇之游）

jQuery事件和JavaScript事件

jQuery事件：bind、delegate、on的区别

jquery 的 change() 方法的使用

jQuery中的事件绑定方法

jQuery的4种事件绑定方法

Web jquery表格组件 JQGrid 的使用 - 4.JQGrid参数、ColModel API、事件及方法

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

jquery 绑定事件的方法

Jquery 页面元素动态添加后绑定事件丢失方法,非 live

jquery中交替点击事件toggle方法的使用示例

jQuery 事件方法

Javascript事件模型（三）：JavaScript事件绑定方法总结（及Jquery）

【jquery事件使用方法总结 （转）】的更多相关文章

【jquery事件使用方法总结（转）】的更多相关文章