JQuery入门——用one()方法绑定事件处理函数(仅触发一次)


Posted in Javascript onFebruary 05, 2013

1、one()方法功能是为所选的元素绑定一个仅触发一次的处理函数,其调用的语法格式为:one(type, [data], fn)

其中参数type为事件类型,即需要触发什么类型的事件;参数data为可选参数,表示作为event.data属性值传递给事件对象的额外数据对象;fn为绑定事件时所要触发的函数。

2、示例代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>其他事件</title> 
<script type="text/javascript" src="jquery-1.8.3.min.js"></script> 
<script type="text/javascript"> 
$(function(){ 
$("#button").bind("click",function(){ 
$("#button").attr("value","14797710665"); 
}); 
}) 
</script> 
</head> <body> 
<div> 
<input id="button" type="button" value="查看联系方式" class="btn"/> 
</div> 
</body> 
</html>

3、效果图预览

JQuery入门——用one()方法绑定事件处理函数(仅触发一次)
点击后:
JQuery入门——用one()方法绑定事件处理函数(仅触发一次)

再点击无反应

Javascript 相关文章推荐
Mozilla 表达式 __noSuchMethod__
Apr 05 Javascript
javascript设置金额样式转换保留两位小数示例代码
Dec 04 Javascript
纯javascript实现自动发送邮件
Oct 21 Javascript
Angular.js与Bootstrap相结合实现手风琴菜单代码
Apr 13 Javascript
全面解析多种Bootstrap图片轮播效果
May 27 Javascript
JavaScript trim 实现去除字符串首尾指定字符的简单方法
Dec 27 Javascript
Javascript读写cookie的实例源码
Mar 16 Javascript
小程序多图列表实现性能优化的方法步骤
May 28 Javascript
详解微信小程序开发(项目从零开始)
Jun 06 Javascript
JS前端知识点offset,scroll,client,冒泡,事件对象的应用整理总结
Jun 27 Javascript
Element Steps步骤条的使用方法
Jul 26 Javascript
AudioContext 实现音频可视化(web技术分享)
Feb 24 Javascript
jquery 卷帘效果实现代码(不同方向)
Feb 05 #Javascript
window.open关于浏览器拦截问题分析及解决方法
Feb 05 #Javascript
jQuery.prototype.init选择器构造函数源码思路分析
Feb 05 #Javascript
jQuery不间断滚动效果(模拟百度新闻支持文字/图片/垂直滚动)
Feb 05 #Javascript
得到jQuery detach()后节点中的某个值实现代码
Feb 05 #Javascript
jquery zTree异步加载简单实例分享
Feb 05 #Javascript
JS打印gridview实现原理及代码
Feb 05 #Javascript
You might like
php实现将wav文件转换成图像文件并在页面中显示的方法
2015/04/21 PHP
PHP获取一年有几周以及每周开始日期和结束日期
2015/08/06 PHP
详解PHP匿名函数与注意事项
2016/03/29 PHP
Android AsyncTack 异步任务实例详解
2016/11/02 PHP
jquery load事件(callback/data)使用方法及注意事项
2013/02/06 Javascript
jquery indexOf使用方法
2013/08/19 Javascript
基于jquery的网站幻灯片切换效果焦点图代码
2013/09/15 Javascript
完美解决IE低版本不支持call与apply的问题
2013/12/05 Javascript
js上传图片及预览功能实例分析
2015/04/24 Javascript
基于javascript实现图片懒加载
2016/01/05 Javascript
javascript嵌套函数和在函数内调用外部函数的区别分析
2016/01/31 Javascript
Javascript实现苹果悬浮虚拟按钮
2016/04/10 Javascript
简单总结JavaScript中的String字符串类型
2016/05/26 Javascript
HTML页面定时跳转方法解析(2种任选)
2016/12/22 Javascript
JS实现图片高斯模糊切换效果的焦点图实例
2017/01/21 Javascript
Node.js发送HTTP客户端请求并显示响应结果的方法示例
2017/04/12 Javascript
详解angularjs中如何实现控制器和指令之间交互
2017/05/31 Javascript
ES6正则表达式扩展笔记
2017/07/25 Javascript
二维码图片生成器QRCode.js简单介绍
2017/08/18 Javascript
axios简单实现小程序延时loading指示
2018/07/30 Javascript
vue动态绑定class选中当前列表变色的方法示例
2018/12/19 Javascript
layui 上传插件 带预览 非自动上传功能的实例(非常实用)
2019/09/23 Javascript
layer 关闭指定弹出层的例子
2019/09/25 Javascript
使用Mock.js生成前端测试数据
2020/12/13 Javascript
探究Python中isalnum()方法的使用
2015/05/18 Python
在Python中操作字符串之rstrip()方法的使用
2015/05/19 Python
详解python实现读取邮件数据并下载附件的实例
2017/08/03 Python
python3常用的数据清洗方法(小结)
2019/10/31 Python
捷克电器和DJ设备网上商店:Electronic-star
2017/07/18 全球购物
女性时尚在线:IVRose
2019/02/23 全球购物
"引用"与多态的关系
2013/02/01 面试题
大学生毕业鉴定
2014/01/31 职场文书
2014政务公开实施方案
2014/02/19 职场文书
幸福终点站观后感
2015/06/04 职场文书
爸爸的三轮车观后感
2015/06/16 职场文书
HTML页面中使两个div并排显示的实现
2022/05/15 HTML / CSS