JQ bind/Unbind 详解、只加载一次事件
来源:互联网 发布:成都黑帽seo方案 编辑:程序博客网 时间:2024/06/10 19:10
1. bind/Unbind
在jquery的事件模型中,有两个基本的事件绑 定函数,bind与unbind,这两个函数的含义就是匹配页面元素进行相关事件的处理。比如我们在JS中经常使用到的 onfocus,onblur,onmouseover,onmousedown等事件都可以作为bind的参数进行传递。
$("#id").bind('click',function(){alert('tt!')});
其中bind的第一个参数代表的含义是:事件类型(注意不需要加on),function中的代码就是你要执行的逻辑 代码
多个事件绑定:bind还允许你绑定多个事件,事件名字之间用空格隔开,例如:
$('a').bind('click mouseover',function(){
在最新的jquery1.4版本中,对bind方法进行了改进,你可以在bind方法传入一个类JSON对象来一次绑定多 个事件处理函数。
$('a').bind({
click:function(){alert('a');},
mouseover:function(){alert('a again!')}
在function函数中,你还可以通过传递一个javaScript对 象给function方法,这个事件对象通常是可以省略的。
bind中还有一个参数data, 该参数一般情况下很少使用,通常为了解决在同一个方法中处理同一个变量时有很好的处理。
var productname="Sports Shoes";
$('#Area').bind('click',function(){
alert(productname);
});
productname="necklace",
$('#Area').bind('click',function(){
alert(productname);
});
由于变量productname被重新赋值,所以输出的消息都是”necklace”,这里不了解可以去查阅下关于JavaScript的变量作用域,要 解决这个问题就必须使用到data参数,
var productname="Sports Shoes";
$('#Area').bind('click',{pn:productname},function(){
alert(event.data.pn);
});
productname="necklace",
$('#Area').bind('click',{pn:productname},function(){
alert(event.data.pn);
});
2. One
为每一个匹配元素的特定事件(像click)绑定一个一次性的事件处理函数。该方法与bind方法的参数一样,与bind方法的区别就是只对匹配元素的事 件处理执行一次,执行完之后,以后再也不会执行,当然重新发起web请求时它又会执行一次。
$('a').one('click',function(){
alert('a');
})
单击页面上的a元素后,弹出消息,除非用户发起第二次请求,否则再次点击a元素不会弹出消息对话框。
3. live
该方法主要是能处理动态添加的元素,给那些后添加的元素也一样绑定事件。
$('a').live('click,function(){
alert('show message!');
})
然后如果我添加一个元素,
$('body').appnend('Another Element');
- JQ bind/Unbind 详解、只加载一次事件
- JavaScript中的bind与unbind事件
- jquery手册学习--事件--bind, unbind, trigger, triggerHandler
- jQuery学习19---事件中bind与unbind
- Jquery中事件总结 Click ,Animate,One,Bind,UnBind等
- jquery事件绑定和解除绑定bind、unbind、one
- jq unbind方法
- input file里的JQ change() 事件的只生效一次
- input file里的JQ change() 事件的只生效一次
- 只执行一次的事件one(“事件名”,function(){}) 和可多次执行的事件bind(“事件名”,function(){})
- SO,KO,BIND,UNBIND
- jQueryday07(图片导航 两侧滚动条跟随 bind绑定事件可以只触发一次)
- 【jquery事件对象event】| jqeury bind 绑定事件与 unbind删除绑定事件| pageX pageY
- JQ绑定事件 bind(),on(),live(),delegate()
- JQuery中绑定事件(bind())和移除事件(unbind())
- jQuery的bind和unbind事件(绑定和解绑事件)
- jQuery bind(绑定事件)前别忘了unbind(移除事件)
- :[JQ权威指南]第十天:unbind()方法移除元素绑定事件
- poi生成Excel
- [030] 微信公众帐号开发教程第6篇-文本消息的内容长度限制揭秘
- 转~android code debug 技巧~
- Linux的一些小知识点总结
- 记录点ios常用资源库
- JQ bind/Unbind 详解、只加载一次事件
- 学习笔记--- S3C2440 对NANDFLASH操作原理与测试代码分析
- Linux压缩总结
- 树+栈+队列(表达式树)uva11234
- Android Binder -什么是binder
- 安家喽。
- [031] 微信公众帐号开发教程第7篇-文本消息中换行符的使用
- Android 弹无虚发之第五弹:来点儿不一样的Toast(自定义Toast,设置Toast显示位置,自定义Toast的复杂布局)
- [032] 微信公众帐号开发教程第8篇-文本消息中使用网页超链接