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 相关文章推荐
JavaScript 事件对象的实现
Jul 13 Javascript
jquery批量设置属性readonly和disabled的方法
Jan 24 Javascript
JavaScript中的null和undefined区别介绍
Jan 01 Javascript
Javascript获取表单名称(name)的方法
Apr 02 Javascript
Backbone.js的Hello World程序实例
Jun 19 Javascript
Jquery easyui开启行编辑模式增删改操作
Jan 14 Javascript
JavaScript中关联原型链属性特性
Feb 13 Javascript
JS路由跳转的简单实现代码
Sep 21 Javascript
vue-devtools的安装步骤
Apr 23 Javascript
微信小程序wx:for循环的实例详解
Oct 07 Javascript
jQuery实现判断滚动条滚动到document底部的方法分析
Aug 27 jQuery
JavaScript文档对象模型DOM
Nov 20 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 高级课程笔记 面向对象
2009/06/21 PHP
Laravel 集成 Geetest验证码的方法
2018/05/14 PHP
PHP实现图片压缩
2020/09/09 PHP
PHP中-&gt;和=&gt;的含义及使用示例解析
2020/08/06 PHP
JavaScript中yield实用简洁实现方式
2010/06/12 Javascript
js nextSibling属性和previousSibling属性概述及使用注意
2013/02/16 Javascript
jquery获取iframe中的dom对象(两种方法)
2013/07/02 Javascript
Jquery倒数计时按钮setTimeout的实例代码
2013/07/04 Javascript
javascript中数组的sort()方法的使用介绍
2013/12/18 Javascript
jQuery中DOM树操作之使用反向插入方法实例分析
2015/01/23 Javascript
JavaScript弹出新窗口并控制窗口移动到指定位置的方法
2015/04/06 Javascript
JS实现来回出现文字的状态栏特效代码
2015/10/31 Javascript
jQuery 弹出层插件(推荐)
2016/05/24 Javascript
JS日程管理插件FullCalendar简单实例
2017/02/07 Javascript
详解使用vscode+es6写nodejs服务端调试配置
2017/09/21 NodeJs
vue.js中npm安装教程图解
2018/04/10 Javascript
jQuery中元素选择器(element)简单用法示例
2018/05/14 jQuery
使用Sonarqube扫描Javascript代码的示例
2018/12/26 Javascript
js 实现ajax发送步骤过程详解
2019/07/25 Javascript
jQuery实现数字华容道小游戏(实例代码)
2020/01/16 jQuery
js页面加载后执行的几种方式小结
2020/01/30 Javascript
javaScript实现一个队列的方法
2020/07/14 Javascript
js和jquery判断数据类型的4种方法总结
2020/08/28 jQuery
[03:59]5分钟带你了解什么是DOTA2(第二期)
2017/02/07 DOTA
Python中利用sorted()函数排序的简单教程
2015/04/27 Python
python实现决策树ID3算法的示例代码
2018/05/30 Python
Django之路由层的实现
2019/09/09 Python
Python爬虫抓取指定网页图片代码实例
2020/07/24 Python
Python实现自动整理文件的脚本
2020/12/17 Python
美国在线咖啡、茶和餐厅供应商:LollicupStore
2018/05/04 全球购物
3分钟英语演讲稿
2014/04/29 职场文书
警察群众路线对照检查材料思想汇报
2014/10/01 职场文书
2016年党支部公开承诺书
2016/03/25 职场文书
漫画「你在春天醒来」第10卷封面公开
2022/03/21 日漫
Java实现添加条码或二维码到Word文档
2022/06/01 Java/Android
python热力图实现的完整实例
2022/06/25 Python