【jQuery新的事件绑定机制on()示例应用】教程文章相关的互联网学习教程文章

自写的jQuery异步加载数据添加事件_jquery

几个月前在一个项目中涉及到树形栏,然后看了很多插件,觉得有点麻烦,于是自己写了一个,写着写着就出问题了。 当时项目是通过树形栏进行权限控制的,管理员可以对从数据库去的数据动态生成树形栏进行增删改查操作,可是用$(".XX").click();方法是不行的。 1、之前用的是jq1.4.3 ,jq1.7一下都可以使用live()方法,来实现该功能 代码如下: $(‘#div).live(‘click,function(){ //do stuff }); 但是live方法也有不支持的事件,例如...

绑定回车enter事件代码_jquery

做项目时遇到处理绑定“enter”键的情况,直接把情景代码截取出来了。代码如下: 代码如下: function sendLoginData(){ loginvalidateForm(); $(document).keydown(function(event){ if(event.keyCode == 13){ //绑定回车 $(#login-submit).click(); /自动/触发登录按钮 } }); $(#login-submit).click(function(){ if($(#login-form).valid()==false){ return false; } var username = $(#id_username).val(); var password = $(#...

jquery动态添加元素事件失效问题解决方法_jquery

今天在写JQUERY时遇到个问题:当使用脚本动态添加元素xxx时,但事件$(".x .y").click(function)...失效问题。 刚开始网上找到了用live函数,方法如下: 事件绑定:$(".x .y").click(function) 需改为: 代码如下: $(".x .y").live(click,function); 但是由于1.8版本后live这种方法不再支持,所以需要用下述jquery中on方法解决脚本动态添加元素: 代码如下: $(".y").on(click,.x,function);

jquery新建的元素事件绑定问题解决方案_jquery

js的事件监听跟css不一样,css只要设定好了样式,不论是原来就有的还是新添加的,都有一样的表现。而事件监听不是,你必须给每一个元素单独绑定事件。 常见的例子是处理表格的时候。每行行末有个删除按钮,点了这个能够删除这一行。 代码如下: 这行原来就有 <buttonclass="del">删除 这行原来就有 <buttonclass="del">删除 通常,我会这么绑定 代码如下: jQuery(function($){ //已有删除按钮初始化绑定删除事件 $(".del...

jQuery中多个元素的Hover事件解决方案_jquery【图】

1.需求简介 jQuery的hover事件只是针对单个HTML元素,例如: 代码如下: $(#login).hover(fun2, fun2); 当鼠标进入#login元素时调用fun1函数,离开时则调用fun2函数,这种API已能够满足绝大部分需求。 不过,有些时候我们希望当鼠标进入两个或多个元素时触发fun1,离开他们时触发fun2,而在这些元素间移动鼠标并不触发任何事件。例如两个元素紧挨着的HTML元素,如下图: 当鼠标进入二者的区域时触发fun1,离开时触发fun2。你也许...

浅谈jQuery事件源码定位问题_jquery【图】

昨天群里有人问了个事件源码定位的问题,简单描述下是这样的。 在一个不是自己写的页面上,如何快速定位到他绑定的事件代码在哪?(页面用的是jQuery) 这个问题,说难不难,说简单也没那么简单,万一用的是委托之类也会麻烦点。 在 chrome 的控制台里有个 Event Listeners,这里会显示你所选择元素的事件,如果是原生事件,他会直接显示, 你点击一下事件就会跳到对应代码里了,可是 jQuery 绑定的事件却不是这样的,你点击后只会跳...

jquerytrigger伪造a标签的click事件取代window.open方法_jquery

var ohtml=''+ '您已经成功发送好友申请。'+ ' 上传真实头像,好友申请更容易被通过哦,赶紧上传头像吧! '+ '/teacher/editUserAvatar.action" target="_blank">'+ ' '; $.dialog({ lock:true, title: '温馨提示', button: [ {value: '点击上传图像',callback: function () { $("#awindowopen").trigger("click"); },focus: true } ], content:ohtml }); var ohtml=''+ '您已经成功发送好友申请。'+ ' 上传真实头...

jquery用data方法获取某个元素上的事件_jquery

jquery的给元素绑定的事件可以用data方法取出来 通过$(element).data("events")来获取// 比如给一个button绑定两个click事件$("button").click(function() { alert("1") }); $("button").click(function() { alert("2") });// 这个时候点击该button会分别弹出 2 和1的alert框 // 取出该button的所有click事件,是个数组$("button").data('events').click会看到两个click事件的数组 得到该数组,你可以调整顺序后再设回去$("button"...

jquery为a标签绑定click事件示例代码_jquery

$(document).ready(function() { $("a[name='del']").click(function(){ Ext.Msg.confirm('提示','你确定要删除该公告吗?',function(button,text){ if(button=='yes'){ window.location.href="/admin/note!delete.actionid=${id}"; } }); }); $("a[class='del2']").click(function(){ Ext.Msg.confirm('提示','你确定要删除该公告吗?',function(button,text){ if(button=='yes'){ window.location.href="/admin/note!delete.acti...

jQuery学习总结之jQuery事件_jquery【图】

首先,我们来看一个有用的实例,来加深以前所掌握的知识,其中有些是在前边出现过的。代码如下:jQuery(document).ready(function() {jQuery("#btnHide").click(function() {jQuery("#imgGoogle").hide("1000");}); });当点击隐藏图片时,google的logo图片将在一秒钟进行隐藏。这里我们用到了hide()方法,当然也可不指定时间,如果要显示图片的话应该使用show()方法,感觉是不是很棒。 现在开始本篇的主要内容:事件。大家可能已经注...

JQuery1.8判断元素是否绑定事件的方法_jquery

On previous versions, you could call it like for other data : obj.data(events); In jQuery 1.8, this direct access was removed, so in recent versions you must call it like this : $._data(obj[0],"events") 大概的意思是版本可以使用obj.data(event); JQuery1.8版本取消了obj.data方法,改为$._data方法 注意:$._data(obj[0],"event") 中的obj[0],一定要加上数组[0]下标,否则会取不到数据 -------以下为举例$(function...

一个小例子解释如何来阻止Jquery事件冒泡_jquery

什么是JS事件冒泡? 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。 如何来阻止Jquery事件冒泡?通过一个小例子来解释Porschev-...

jQuery新的事件绑定机制on()示例应用_jquery

今天浏览jQuery的deprecated列表,发现live()和die()在里面了,赶紧看了一下,发现从jQuery1.7开始,jQuery引入了全新的事件绑定机制,on()和off()两个函数统一处理事件绑定。因为在此之前有bind(), live(), delegate()等方法来处理事件绑定,jQuery从性能优化以及方式统一方面考虑决定推出新的函数来统一事件绑定方法并且替换掉以前的方法。 on(events,[selector],[data],fn) events:一个或多个用空格分隔的事件类型和可选的命名空...

jquery中的常用事件bind、hover、toggle等示例介绍_jquery

1.$(document).ready() $(document).ready()是jQuery中响应JavaScript内置的onload事件并执行任务的一种典型方式。它和onload具有类似的效果。但是也有一些差异: 当一个文档完全下载到浏览器中时,会触发window.onload事件。而使用$(document).ready()注册的事件处理程序会在html下载完成并解析为Dom树之后,代码就可以运行,但并不意味着所有关联文件都已经下载完毕。 一个页面中一般只有一个onload事件处理程序,而且只能一次保...

jquery阻止后续事件只执行第一个事件_jquery

有时候会遇到 同一个标签上点击后有多个事件,如果只想执行第一个事件而放弃后面的事件,可以加上一段代码来阻止:click me!