【jQuery中事件绑定】的更多相关文章

jQuery中事件绑定到bind、live、delegate、on方法的探究

1. 给页面上的某个元素绑定事件,最初采用下面的方式实现: $(‘selector’).click(function(){ //code }); 缺点: 不能同时绑定多个事件,不能绑定动态的元素. 后来接触到了on.bind.live.delegate,以下是对它们的一些探究. 2. bind(type,[data],fn),为每个匹配元素的特定事件绑定事件处理函数,是直接绑定在元素上 说明: type: 含有一个或多个事件类型的字符串,由空格分隔多个事件.比如"click"或&quo…

!!!jQuery中事件绑定 推荐使用.delegate()或者live()

jQuery中的.bind()..live()和.delegate()之间区别分析 参考:http://www.jb51.net/article/27309.htm DOM树   首先,可视化一个HMTL文档的DOM树是很有帮助的.一个简单的HTML页面看起来就像是这个样子 事件冒泡(又称事件传播)   当我们点击一个链接时,其触发了链接元素的单击事件,该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行. 复制代码代码如下: $('a').bind('click',function(){…

jQuery中事件绑定

一.前言 最近在做项目中要用到jQuery来绑定事件,首先想到的是$(selector).事件名();这样绑定事件的方式,这种方式对事件进行绑定其实也就是bind()方法,但当选择器匹配的元素过多,$(selector).事件名();对每个元素进行迭代绑定,会影响性能.除了这种方式可以绑定事件以外,还有live()(已过期).delegate().on()方法绑定事件,接下来分析一下它们的区别,以及使用哪种方式最值得推荐.由于live()方法已过期,只分析另外三种,欢迎拍砖.吐槽~~~ 二.用法…

jq中事件绑定的方法

在唯品会实习生面试中,被面试官问了这么一个问题,“jQuery中绑定事件的方法有几个?”,以click事件为例,我当时想到的只有.click(),.bind(),.on()这三种,然后面试官又追问,“你知道你所说的这三种有什么区别吗?”,我当时就懵了,实在想不出有什么区别,平时在用的时候并没有想得那么深入,所以回来决定总结一下jQuery中事件绑定的方法,结果发现多另外两种没有见过的方法..... 还是以click事件为例,jQuery中绑定事件有5种方法: (1)target.bind("cl…

jquery-10 jquery中的绑定事件和解绑事件的方法是什么

jquery-10 jquery中的绑定事件和解绑事件的方法是什么 一.总结 一句话总结:bind(); unbind(); one(); 1. jquery中的绑定事件和解绑事件的方法是什么? bind(); unbind(); i=0; $('button').eq(0).click(function(){ $('img').bind('click',function(){ if(i%2==0){ this.src='b.png'; }else{ this.src='a.png'; } i+…

JS中事件绑定的三种方式

以下是搜集的在JS中事件绑定的三种方式.   1. HTML onclick attribute     <button type="button" id="upload" onclick="upload_file();">   原文: http://www.w3school.com.cn/jsref/jsref_events.asp   2. jQuery .on() $(node).on("change", f…

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

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

Jquery中on绑定的一些小坑

---恢复内容开始--- 今天我们来说说关于JQuery中事件绑定中on绑定的一些小问题,直接上代码了,大家拷下去就可以用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0…

对jQuery的事件绑定的一些思考

jQuery的事件绑定 问题 首先我们看下面的一个非经常见的事件绑定代码: //example $('#dom').click(function(e){ //do something }); $('#dom2').click(function(e){ //do something }); 这段代码在事件绑定处理上有一些缺陷: 过多的事件绑定会损耗内存 后期生成HTML会没有事件绑定.须要又一次绑定 语法过于繁杂 解决方式 对于1.2两点的解决方式,我们首先先了解一下jQuery的事件绑定 jQu…

JavaScript 中事件绑定的三种方式

以下是在 JS 中事件绑定的三种方式.   1. HTML onclick attribute     <button type="button" id="upload" onclick="upload_file();">   原文: http://www.w3school.com.cn/jsref/jsref_events.asp   2. jQuery .on() $(node).on("change", fu…