当前位置:  编程技术>WEB前端

jQuery中bind与live的用法及区别小结

    来源: 互联网  发布时间:2014-08-25

    本文导语:  首先介绍这两个方法之前,我们常用的是click()方法 代码如下:$("a").click(function() {     alert("hello");});click()方法是bind()方法的一种简单方法。在bind()中,jQuery所有JavaScript事件对象,比如focus, mouseover,和resize,都是可以作为type参...

首先介绍这两个方法之前,我们常用的是click()方法

代码如下:

$("a").click(function() {
     alert("hello");
});

click()方法是bind()方法的一种简单方法。在bind()中,
jQuery所有JavaScript事件对象,比如focus, mouseover,和resize,
都是可以作为type参数传递进来的。

参数:type,[data],function(eventObject)
例如:

代码如下:

$("p").bind("click",function(){
     alert("hello");
})

也可以传参
代码如下:

var message = "how are you!";
$("p").bind("click",{msg:message},function(e){
     alert(e.data.msg);
})

live()给所有匹配的元素附加一个事件处理函数,
即使这个元素是以后再添加进来的也有效。如下:
代码如下:


     Click me

$(".mytd").bind("click",function(){
      alert("hello");
})


点击Clike me 会弹出hello

此时添加一个新的元素进来

代码如下:

$(".mytr").after("后加的");

这时 再使用bind点击"后加的"不会执行
改为使用live()方法
代码如下:

$(".mytd").live("click",function(){
 alert("hello");
})

.live()方法能对一个还没有添加进DOM的元素有效,是由于使用了事件委托:
绑定在祖先元素上的事件处理函数可以对在后代上触发的事件作出回应。
传递给 .live() 的事件处理函数不会绑定在元素上,而是把他作为一个特殊的事件处理函数,绑定在 DOM 树的根节点上。

    
 
 

您可能感兴趣的文章:

  • jquery常用操作小结
  • JQuery each()嵌套使用小结
  • Jquery常用方法小结
  • Jquery中ajax方法data参数的用法小结
  • 有关jquery一些选择器的用法小结
  • jquery中event对象属性与方法小结
  • jquery中的$(document).ready()使用小结
  • 防止jQuery ajax Load使用缓存的方法小结
  • jquery中get,post和ajax方法的使用小结
  • jQuery中Dom的基本操作小结
  • Python中的jquery PyQuery库使用小结
  • JS与jquery自定义属性用法
  • jQuery setTimeout()函数的用法介绍
  • jQuery :visible 选择器(冒号)的用法
  • JQuery 判断某个属性是否存在hasAttr用法
  • jquery onpropertychange键盘事件用法举例
  • jQuery setTimeout用法总结(实例)
  • Jquery confirm弹出框的用法
  • jquery的focus函数用法示例
  • Jquery中slideToggle()与toggleClass()用法
  • Jquery 过滤器(first,last,not,even,odd)用法举例
  • jquery 字符串切割函数substring的用法说明
  • jquery判断浏览器类型($.browser用法)
  • jquery css类用法(添加、修改与删除css)
  • jquery中show()、hide()方法的用法
  • jquery中each的用法分享
  • jquery .attr()与.prop()用法解析
  • jquery插件jTimer jquery定时器的用法举例
  • jquery操作HTML5 的data-*的用法实例分享
  • jQuery中wrap()的用法-匹配对象包含在给出的元素代码内
  • jquery.post用法关于type设置问题补充
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • Jquery之Bind方法参数传递与接收的三种方法
  • jquery bind(click)传参让列表中每行绑定一个事件
  • 深入理解jQuery中live与bind方法的区别
  • jQuery中bind,live,delegate与one方法的用法及区别解析
  • 解析jQuery的三种bind/One/Live事件绑定使用方法
  • jQuery中对未来的元素绑定事件用bind、live or on
  • JQuery 分组复选框操作实例(bind绑定事件)
  • jquery中的常用事件bind、hover、toggle等示例介绍
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar
  • jQuery的中文日历插件 jQuery.datePickerCn
  • jQuery实现CSS3动画效果的插件 jQuery Transit
  • jQuery的CSV插件 jQuery CSV
  • jQuery的气泡提示插件 jquery.ns_bub.js
  • jQuery气泡提示插件 jquery-rollover-tooltip
  • jQuery对话框 jQuery Modal Dialog
  • jQuery 插件 jQuery Ripples
  • 精简版的jQuery jQuery.ish
  • jQuery的OpenSocial插件 OpenSocial jQuery


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3