用jQuery为DOM元素绑定事件时,如果用下面这种方式:<buttonclass="dynamic-bind">按钮一</button>
$(function(){
$(‘.dynamic-bind‘).on(‘click‘,function(e){
alert(e.type);//’click’
});
});那么如果在绑定事件之后通过jQuery添加与该选择器相同的新的DOM元..
分类:
Web程序 时间:
2015-06-11 14:58:31
阅读次数:
118
Jquery中绑定事件有三种方法,下面是三种方式绑定(1)element.click(function(){});(2)element.bind("click",function(){});(3)element.live("click",function(){});注意第一种方式绑定和之前的差不多,...
分类:
Web程序 时间:
2015-02-24 18:37:17
阅读次数:
205
JQUERY事件绑定方法研究阅读前,我认为你需要先知道以下几点基础知识:dom对象是树形结构的dom中的事件会从触发事件的目标节点开始逐级向上冒泡每当我们想给某个元素绑定事件的时候,第一个想到的方法是bind,我们就先来说说bind。bind的作用是给具体的某个元素绑定事件,比如1$(‘button...
分类:
Web程序 时间:
2015-02-11 12:25:00
阅读次数:
144
JQuery从1.7+版本开始,提供了on()和off(),进行事件处理函数的绑定和取消。这2个API与JQuery最初提供的bind()和unbind()有很多相似的地方,也有一些不同之处。bind和unbind的详细介绍,可以参考这篇文章。
on()和bind()的函数签名如下:
bind(type, [data], fn)
on(type,[selector],[data],fn...
分类:
Web程序 时间:
2015-02-09 20:20:34
阅读次数:
165
JQuery绑定事件处理函数,有两种方式(方式1和方式2)是最常用的,方式3使用的较少。
方式1:
$("#button").click(function(){
});
这种方式很简单,也是平时编码最常用的做法。HTML中原始的事件,如onclick、onmouseover、onkeypress等,JQuery对名称进行了简单的封装,如onclick与JQuery的click对应,on...
分类:
Web程序 时间:
2015-01-27 20:24:48
阅读次数:
205
阅读前,我认为你需要先知道以下几点基础知识: dom对象是树形结构的 dom中的事件会从触发事件的目标节点开始逐级向上冒泡 每当我们想给某个元素绑定事件的时候,第一个想到的方法是bind,我们就先来说说bind。 ...
分类:
Web程序 时间:
2014-12-08 18:00:25
阅读次数:
217
jQuery事件的绑定和委托可以用多种方法实现,on() 、 bind() 、 live() 、 delegate(),还有one()。有时我们可能会像下面这样绑定一个事件:Js代码$("#div1").click(function(){alert("点击后触发");});上面的事件绑定,我们可以通...
分类:
Web程序 时间:
2014-11-24 18:43:55
阅读次数:
262
对于只需要触发一次,随后就立即解绑的情况,jQuery提供了一种方法,one(),语法结构与bind相同。trigger(“click”)可以简化成click()。trigger还可以可以触发自定义名称的事件。例如,先用bind(“myClick”,function(){})给元素绑定一个自定义的m...
分类:
Web程序 时间:
2014-11-12 22:27:39
阅读次数:
206
1.jQuery事件绑定的时候,一定要小心多次绑定和重复绑定。2.关于IE中image的onload事件失效解决问题,IE会从缓存里获取地址,如果存在的地址就会很快加载完,onload事件就会触发在绑定前。解决办法,先绑定事件再传地址:var i = new Image();i.onload = f...
分类:
其他好文 时间:
2014-10-25 14:25:29
阅读次数:
201
环境:Jquery1.10任务:使用ajax异步更新页面信息现象:更新后的html页面上的js失效问题:使用ajax更新的元素不能绑定事件相关代码:$(‘#a‘).click(function(){
alert(‘这个事件不能绑定到新html的$(#a)‘);
});
$(‘#search‘).click(function(){
$.ajax({
data:$(‘#conditi..
分类:
Web程序 时间:
2014-10-21 15:46:50
阅读次数:
886