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 相关文章推荐
一个无限级XML绑定跨框架菜单(For IE)
Jan 27 Javascript
js面向对象设计用{}好还是function(){}好(构造函数)
Oct 23 Javascript
javascript实现数组内值索引随机化及创建随机数组的方法
Aug 10 Javascript
基于javascript实现图片预加载
Jan 05 Javascript
JS控制FileUpload的上传文件类型实例代码
Oct 07 Javascript
javascript ASCII和Hex互转的实现方法
Dec 27 Javascript
微信小程序 label 组件详解及简单实例
Jan 10 Javascript
bootstrap fileinput 上传插件的基础使用
Feb 17 Javascript
详解Vue 事件驱动和依赖追踪
Apr 22 Javascript
Vue.js递归组件构建树形菜单
Dec 24 Javascript
layui select获取自定义属性方法
Aug 15 Javascript
vue-router的HTML5 History 模式设置
Sep 08 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的面试题集
2006/11/19 PHP
PHP实现MySQL更新记录的代码
2008/06/07 PHP
PHP根据传入参数合并多个JS和CSS文件的简单实现
2014/06/13 PHP
PHP使用glob函数遍历目录或文件夹的方法
2014/12/16 PHP
分享5个非常有用的Laravel Blade指令
2018/05/30 PHP
ThinkPHP 框架实现的读取excel导入数据库操作示例
2020/04/14 PHP
超清晰的document对象详解
2007/02/27 Javascript
window.onload 加载完毕的问题及解决方案(下)
2009/07/09 Javascript
Javascript JSQL,SQL无处不在,
2010/05/05 Javascript
javaScript 删除字符串空格多种方法小结
2012/10/24 Javascript
js获取本机的外网/广域网ip地址完整源码
2013/08/12 Javascript
jquery下拉select控件操作方法分享(jquery操作select)
2014/03/25 Javascript
javascript计时器详解
2015/02/28 Javascript
原生js和jquery分别实现横向导航菜单效果
2016/05/13 Javascript
使用jQuery实现WordPress中的Ctrl+Enter和@评论回复
2016/05/21 Javascript
详解node中创建服务进程
2017/05/09 Javascript
浅谈ECMAScript6新特性之let、const
2017/08/02 Javascript
微信小程序日期时间选择器使用方法
2018/02/01 Javascript
JS+canvas画布实现炫酷的旋转星空效果示例
2019/02/13 Javascript
JS查找孩子节点简单示例
2019/07/25 Javascript
layui-table对返回的数据进行转变显示的实例
2019/09/04 Javascript
Nodejs 微信小程序消息推送的实现
2021/01/20 NodeJs
python使用ddt过程中遇到的问题及解决方案【推荐】
2018/10/29 Python
Python爬取智联招聘数据分析师岗位相关信息的方法
2019/08/13 Python
浅谈Python_Openpyxl使用(最全总结)
2019/09/05 Python
Python ATM功能实现代码实例
2020/03/19 Python
pygame用blit()实现动画效果的示例代码
2020/05/28 Python
python爬虫可以爬什么
2020/06/16 Python
汉森冲浪板:Hansen Surfboards
2018/05/19 全球购物
init进程的作用
2015/08/20 面试题
欢送退休感言
2014/02/08 职场文书
业务员自荐信范文
2014/04/20 职场文书
义和团口号
2014/06/17 职场文书
英语导游词
2015/02/13 职场文书
幼儿园老师工作总结2015
2015/05/22 职场文书
红色影片观后感
2015/06/18 职场文书