jquery中one()的用法
类别:Web前端 浏览量:1400
时间:2015-2-8 jquery中one()的用法
jquery中one()的用法一、jquery中one方法
one方法的功能是让所选定的元素绑定一个仅触发一次的处理函数,该方法与bind方法的参数一样,与bind方法的区别就是只对匹配元素的事 件处理执行一次,执行完之后,以后再也不会执行,当然重新发起web请求时它又会执行一次。
格式
$(selector).one(event,data,function)
说明
参数 | 描述 |
---|---|
event |
必需。规定添加到元素的一个或多个事件。 由空格分隔多个事件。必须是有效的事件。 |
data | 可选。规定传递到函数的额外数据。 |
function | 必需。规定当事件发生时运行的函数。 |
实例
$(function() {
function btn_Click() {
this.value = "abc123"
}
$("input").one("click", btn_Click); //绑定自定义事件
})
</script>
</head>
<body>
<input id="Button1" type="button" value="点击查看联系方式" class="btn" />
这个按钮只会在点第一次的时候有反应,再次点击就无反应了。
二、与.bind()的区别
.one()方法与.bind()类似,都是在dom树加载后,对元素的绑定,属于后期绑定。所不同的是,使用.one()绑定的事件处理程序在执行一次之后将自动取消绑定。
三、.one()与live()的区别
1、live( )方法将一个事件处理程序附加到与当前选择器匹配的所有元素(包含现有的或将来添加的)的指定事件上并返回jQuery对象。
2、live( )方法主要是能处理动态添加的元素,给那些后添加的元素也一样绑定事件。
3、当调用.bind()时,jQuery对象匹配的元素将被附加上事件处理程序,但以后添加的元素并不会被附加该事件处理程序,因此,还需要对这些 元素再次调用.bind()方法。
4、live 是先把事件绑定在document对象上面,通过事件冒泡,判断当前处于目标状态的元素是不是预绑定的那个元素对象,然后执行事件,属于前期绑定,元素可以是已存在的,也可以是动态添加的。
标签:jquery
您可能感兴趣
- jQuery如何跳出each循环
- jquery next()
- jQuery里$(this)和this的区别有哪些
- 如何用jquery进行表单验证(jQuery实现发送验证码控制按钮禁用功能)
- jquery滚动固定插件在哪(jquery 步骤进度轴插件的实现代码)
- jquery的each的用法
- MVC中使用jQuery加载分部视图(PartialView)
- jquery实现微信中长按识别二维码
- jQuery如何操作下拉框select
- jquery中wrap、wrapAll、wrapInner
- Jquery中parent()和parents()
- jquery中serialize方法对空格的处理
- jquery.ajax error 如何调试错误
- jquery on绑定hover
- jquery无缝滚动代码(jQuery实现表格行数据滚动效果)
- jquery 选择器的用法
- 美国数十万加仑牛奶倒入下水道,贫民区食不果腹,历史再次重演(美国数十万加仑牛奶倒入下水道)
- 美国倒掉数十万加仑牛奶 上热搜第一,这一幕似曾相识(美国倒掉数十万加仑牛奶)
- 深度 倒牛奶 这一幕为何又在美国上演(深度倒牛奶)
- 美国数十万加仑牛奶倒下水道怎么回事 原因曝光令人心痛(美国数十万加仑牛奶倒下水道怎么回事)
- 探索中国神秘文字(探索中国神秘文字)
- 重温《蜗居》 宋思明选中海藻为红颜知己,纯属巧合,与爱无关(宋思明选中海藻为红颜知己)
热门推荐
- 定时删除linux日志(Linux使用shell脚本定时删除历史日志文件)
- sqlserver分组查询(sql server如何利用开窗函数over进行分组统计)
- MySQL SQL Assistant智能提示
- python中匿名函数关键字(浅谈python之高阶函数和匿名函数)
- dedecms显示问号(dedecms提示你的用户名不存在的解决方法)
- 如何在mysql中批量插入数据(MySQL如何快速批量插入1000w条数据)
- vue elementui侧边栏怎么切换页面(Vue + element实现动态显示后台数据到options的操作方法)
- 宝塔linux面板部署防火墙后网页打不开报http564错误的解决办法(宝塔linux面板部署防火墙后网页打不开报http564错误的解决办法)
- laravel数据库日志(Laravel 将数据表的数据导出,并生成seeds种子文件的方法)
- mysql新增字段语句(关于Mysql update修改多个字段and的语法问题详析)