Jquery替换已存在于element上的event的方法

2016-02-19 13:32 7 1 收藏

下面图老师小编跟大家分享一个简单易学的Jquery替换已存在于element上的event的方法教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

【 tulaoshi.com - Web开发 】

看下面code:

代码如下:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)
head
meta content="text/html; charset=utf-8" http-equiv="Content-Type" /
titleTestPage/title
script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"/script
script type="text/javascript"
$(document).ready(function() {
$("#btn1").unbind('click').removeAttr('onclick').click(function() {
alert('The method has invoked by Jquery.');
});
});
function foo()
{
alert('The method has invoked.');
}
/script
/head
body
input type="button" value="ClickMe" onclick="foo()" /
/body
/html

用的就是unbind,然后再removeAttr,最后再加上你的方法。来看下它们API document:
unbind([type], [fn])
概述
bind()的反向操作,从每一个匹配的元素中删除绑定的事件。
如果没有参数,则删除所有绑定的事件。
你可以将你用bind()注册的自定义事件取消绑定。
如果提供了事件类型作为参数,则只删除该类型的绑定事件。
如果把在绑定时传递的处理函数作为第二个参数,则只有这个特定的事件处理函数会被删除。
参数
type (可选)String
事件类型
fn (可选)Function
要从每个匹配元素的事件中反绑定的事件处理函数
removeAttr(name)
概述
从每一个匹配的元素中删除一个属性
参数
nameString
要删除的属性名
简单的就是:

代码如下:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)
$("#someelement").unbind('eventname').removeAttr('event').click(function() {
//your new method.
});

希望对您有帮助。

来源:http://www.tulaoshi.com/n/20160219/1604575.html

延伸阅读
真正的摄影师不在于器材,而在于…… 不管你是一名婚礼摄影师、新闻摄影师、还是其它任何类型的摄影师,乍看之下普通的景色,你会去探寻其中的美丽;别人看上去是灰色的,你却要从中找出色彩;别人轻易忽视的,你偏要寻找其中的细节 为了获得完美的成片,你可能踏上一段危险和奇妙的旅程,但是只要你拍到了自己想要的照片,这一切就都...
真正的摄影师不在于器材,而在于 不管你是一名婚礼摄影师、新闻摄影师、还是其它任何类型的摄影师,乍看之下普通的景色,你会去探寻其中的美丽;别人看上去是灰色的,你却要从中找出色彩;别人轻易忽视的,你偏要寻找其中的细节 为了获得完美的成片,你可能踏上一段危险和奇妙的旅程,但是只要你拍到了自己想要的照片,这一切就都是...
标签: Web开发
熟悉css的开发者一定知道图像替换技术,也深知它的意义,Dave Shea 曾在他的一篇文章对此做了详细的总结,参看 Dave Shea’s excellent summary ,Paul Young 在分析现存的所有方法的优缺点之后,提出了一种新的方法,并将其命名为状态域方法(The State Method),本文将详细介绍该方法的原理: 现存方法的缺点: 容易失效,例如:...
标签: Web开发
Event是Javascript中的重要事件,event代表事件的状态,专门负责对事件的处理,它的属性和方法能帮助我们完成很多和用户交互的操作,下面是对这个对象的简单总结,希望跟大家一起学习 一、Event对象的主要属性和方法 1.type:事件的类型,就是HTML标签属性中,没有on前缀之后的字符串,例如Click就代表单击事件。 2.srcE...
标签: Web开发
于是翻出了前年的Jquery中文文档。 大致浏览了下Jquery的方法。发现Jquery如此之强大,怎么以前就没有发现呢?于是就亲手写了基于Jquery的扩展函数,代码如下: 代码如下: jQuery.fn.__toggleCheck = function (idPrefix) { var c = false; $(this).click(function () { if (c) c = false; else c = true; $("input[type=checkbox][id...

经验教程

994

收藏

9
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部