jQuery是 一款优秀的JavaScript框架,在旧版里主要用bind()方法,在新版里又多了两种One(),Live(),下面介绍这几种方法的使用:

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');

那么该元素也会被触发事件处理函数alert。
另外,jQuery还提供了一些绑定这些标准事件类型的简单方式,比如.click()用于简化.bind(‘click’)。

一共有以下这些事件名称:blur, focus, focusin, focusout, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, error 等。

转载于:https://www.cnblogs.com/techmango/archive/2011/05/20/jQuery_event_bind_usage.html

jQuery的三种bind/One/Live事件绑定使用方法相关推荐

  1. jQuery的三种bind/One/Live/On事件绑定使用方法

    转载自   jQuery的三种bind/One/Live/On事件绑定使用方法 jQuery是 一款优秀的JavaScript框架,在旧版里主要用bind()方法,在新版里又多了两种One(),Liv ...

  2. jQuery学习笔记之DOM操作、事件绑定(2)

    jQuery学习笔记之DOM操作.事件绑定(2) --------------------学习目录------------------------ 4.DOM操作 5.事件绑定 源码地址: https ...

  3. adb 重命名_Linux操作系统:三种最基本的文件重命名方法

    在我们的工作生活中,不管是程序员还是非程序员,我们都会遇到过一个需求,那就是对一堆的文件进行重命名.在Windows下有很多优秀的软件可以帮助我们完成这个需求,而在Linux环境下,我们可以简单敲一些 ...

  4. 三种获取Class类型的实例的方法

    通过Object类中的getClass()方法: 通过静态方法Class.forName("全类名"): 通过类字面常量Class.class. 三种获取Class类型的实例的方法 ...

  5. 设置计算机的启动顺序CDROM.C.A,bios如何设置光驱启动顺序?三种BIOS设置光驱第一启动的方法详细图解...

    在启动计算机时立即按 Delete (Del)[删除键]进入 BIOS[基本输入输出系统]设置 2 选择 Advanced BIOS Features [高级 BIOS 特性设置],并将 First ...

  6. 设置计算机的启动顺序CDROM.C.A,bios如何设置光驱启动顺序 三种BIOS设置光驱第一启动的方法详细图解...

    在启动计算机时立即按 Delete (Del)[删除键]进入 BIOS[基本输入输出系统]设置 2 选择 Advanced BIOS Features [高级 BIOS 特性设置],并将 First ...

  7. Android手机电视投屏,三种手机投屏到电视的方法!苹果、安卓手机均可以使用!...

    原标题:三种手机投屏到电视的方法!苹果.安卓手机均可以使用! 日常生活中,想把手机里的照片.视频.文档等内容分享给身边的朋友.但是手机这块"小屏幕"绝对不能令人满意.相信很多人都会 ...

  8. css里面li标签怎么加图片_分享三种给li标签添加图标的方法

    我们在页面布局时,经常会用到li标签,单独使用li标签比较单调,有时候为了页面效果,需要加入图片,那怎么在li标签中添加图片呢?这篇文章就和大家分享三种给li标签添加图标的方法,希望对你有用. 1.使 ...

  9. 三种快速转换PDF为TXT的方法:简单、高效、免费

    如何将PDF转换为TXT文件?在日常生活中,PDF和TXT是常见的文本格式.PDF格式文件具有稳定的布局和易于存储的特点.然而,许多在线下载的电子书通常是以PDF格式提供的,而电子阅读器通常不支持PD ...

最新文章

  1. java calendar field_Java Calendar详解
  2. php中的自定义函数与c语言有什么区别,php与c语言的不同点是什么?
  3. MyBatis之输入(parameterType)与输出(resultType、resultMap)映射
  4. 浙大版python_浙大版《Python 程序设计》题目集1-5
  5. PyTorch并行与分布式(三)DataParallel原理、源码解析、举例实战
  6. 正斜杠“/”与反斜杠”\”
  7. java省市区树_ztree实现中国省市区树形
  8. python写几个好玩的程序_Python写的Msn机器人,几好玩的
  9. ubuntu 换软件源
  10. Python命令行command not found
  11. mysql 身份证 年龄_mysql 中通过身份证号码计算年龄
  12. 前端如何引用字体文件
  13. 让人喷血的92条个性签名!!!
  14. 【策略研究】CAPM模型的选股策略
  15. error in opening zip file
  16. NBA球员数据爬虫练习
  17. 开源PHP微信通用sdk,支持微信支付及所有基础接口(强烈推荐)
  18. Flash游戏抓取,flash网站抓取,网页游戏提取工具
  19. 大众185A车机屏有关资料
  20. Linux磁盘挂载、扩容、删除

热门文章

  1. 嫦娥之死天蓬元帅的转世
  2. 安装MySQL Workbench 6.3.4 CE (winx64)出错KERNELBASE.dll的解决方案
  3. 如何通过dblink truncate远程数据库上的表
  4. 在linux或者windows上直观查看linux下生成的自签名证书
  5. 3ds Max制作一面飘扬的旗帜效果图
  6. winfrom保存图片,将文件夹中图片放入listview,与撤回操作
  7. PhotoSwipe 图片浏览插件使用方法
  8. jQuery 插件-(初体验一)
  9. python with用法
  10. oracle主键跟踪,Oracle根据主键查找外键