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 相关文章推荐
[JS]点出统计器
Oct 11 Javascript
Javascript图像处理—亮度对比度应用案例
Jan 03 Javascript
js中typeof的用法汇总
Dec 12 Javascript
jquery单行文字向上滚动效果示例
Mar 06 Javascript
socket.io学习教程之基础介绍(一)
Apr 29 Javascript
JS给按钮添加跳转功能类似a标签
May 30 Javascript
详解在 Angular 项目中添加 clean-blog 模板
Jul 04 Javascript
利用node.js实现自动生成前端项目组件的方法详解
Jul 12 Javascript
JavaScript中正则表达式使数字、中文或指定字符高亮显示
Oct 31 Javascript
vue使用recorder.js实现录音功能
Nov 22 Javascript
基于JavaScript实现留言板功能
Mar 16 Javascript
Vant picker 多级联动操作
Nov 02 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中利用XML技术构造远程服务(下)
2006/10/09 PHP
php getimagesize 上传图片的长度和宽度检测代码
2010/05/15 PHP
PHP排序之二维数组的按照字母排序实现代码
2011/08/13 PHP
PHP将HTML转换成文本的实现代码
2015/01/21 PHP
php实现每天自动变换随机问候语的方法
2015/05/12 PHP
微信支付PHP SDK之微信公众号支付代码详解
2015/12/09 PHP
ThinkPHP项目分组配置方法分析
2016/03/23 PHP
让网页根据不同IE版本显示不同的内容
2009/02/08 Javascript
jQuery select表单提交省市区城市三级联动核心代码
2014/06/09 Javascript
JavaScript获取某年某月的最后一天附截图
2014/06/23 Javascript
checkbox 选中一个另一个checkbox也会选中的实现代码
2016/07/09 Javascript
Nodejs下用submit提交表单提示cannot post错误的解决方法
2016/11/21 NodeJs
JavaScript与JQUERY获取元素的宽、高和位置
2017/02/26 Javascript
微信小程序 动态传参实例详解
2017/04/27 Javascript
详解如何在vue中使用sass
2017/06/21 Javascript
基于VUE.JS的移动端框架Mint UI的使用
2017/10/11 Javascript
javascript严格模式详解(含严格模式与非严格模式的区别)
2019/11/12 Javascript
Python中列表和元组的相关语句和方法讲解
2015/08/20 Python
Python ldap实现登录实例代码
2016/09/30 Python
Python 字符串大小写转换的简单实例
2017/01/21 Python
pip安装Python库时遇到的问题及解决方法
2017/11/23 Python
基于python 爬虫爬到含空格的url的处理方法
2018/05/11 Python
深入浅析Python 函数注解与匿名函数
2020/02/24 Python
Python内置函数及功能简介汇总
2020/10/13 Python
信号量和自旋锁的区别?如何选择使用?
2015/09/08 面试题
应聘医学检验人员自荐信
2013/09/27 职场文书
个人评价范文分享
2014/01/11 职场文书
大学生村官典型材料
2014/01/12 职场文书
倡议书范文格式
2014/05/12 职场文书
群众路线班子对照检查材料
2014/09/25 职场文书
夫妻忠诚协议范文
2014/11/16 职场文书
护士旷工检讨书
2015/08/15 职场文书
智慧人生:永远不需要向任何人解释你自己
2019/08/20 职场文书
五年级作文之想象作文
2019/10/30 职场文书
nginx配置ssl实现https的方法示例
2021/03/31 Servers
CSS实现渐变色边框(Gradient borders)的5种方法
2022/03/25 HTML / CSS