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 相关文章推荐
Ctrl+Enter提交内容信息
Jun 26 Javascript
简单的js分页脚本
May 21 Javascript
jquery如何判断某元素是否具备指定的样式
Nov 05 Javascript
分享有关jQuery中animate、slide、fade等动画的连续触发、滞后反复执行的bug
Jan 10 Javascript
jquery实现拖动效果
Aug 10 Javascript
使用BootStrap实现悬浮窗口的效果
Dec 13 Javascript
AjaxUpLoad.js实现文件上传
Mar 05 Javascript
jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例
May 27 jQuery
浅谈Express.js解析Post数据类型的正确姿势
May 30 Javascript
vue移动端实现手机左右滑动入场动画
Jun 17 Javascript
vant picker+popup 自定义三级联动案例
Nov 04 Javascript
vue 使用 v-model 双向绑定父子组件的值遇见的问题及解决方案
Mar 01 Vue.js
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网站基础优化方法小结
2008/09/29 PHP
ThinkPHP3.1新特性之对页面压缩输出的支持
2014/06/19 PHP
PHP四舍五入、取整、round函数使用示例
2015/02/06 PHP
我整理的PHP 7.0主要新特性
2016/01/07 PHP
Thinkphp框架开发移动端接口(1)
2016/08/18 PHP
Laravel模型事件的实现原理详解
2018/03/14 PHP
基于jquery1.4.2的仿flash超炫焦点图播放效果
2010/04/20 Javascript
js 金额文本框实现代码
2012/02/14 Javascript
Angularjs编写KindEditor,UEidtor,jQuery指令
2015/01/28 Javascript
浅谈jquery.form.js的ajaxSubmit和ajaxForm的使用
2016/09/09 Javascript
JavaScript之cookie技术详解
2016/11/18 Javascript
详解如何在vue项目中使用eslint+prettier格式化代码
2018/11/10 Javascript
小程序server请求微信服务器超时的解决方法
2019/05/21 Javascript
详解在React-Native中持久化redux数据
2019/05/22 Javascript
JS工厂模式开发实践案例分析
2019/10/17 Javascript
Layui实现数据表格默认全部显示(不要分页)
2019/10/26 Javascript
原生JavaScript实现滑动拖动验证的示例代码
2019/12/06 Javascript
Vue替代marquee标签超出宽度文字横向滚动效果
2019/12/09 Javascript
js判断密码强度的方法
2020/03/18 Javascript
python中的多线程实例教程
2014/08/27 Python
Python中__call__用法实例
2014/08/29 Python
Python访问MySQL封装的常用类实例
2014/11/11 Python
Python编程使用NLTK进行自然语言处理详解
2017/11/16 Python
python如何让类支持比较运算
2018/03/20 Python
基于python批量处理dat文件及科学计算方法详解
2018/05/08 Python
Python命名空间的本质和加载顺序
2018/12/17 Python
Django实现一对多表模型的跨表查询方法
2018/12/18 Python
python django 原生sql 获取数据的例子
2019/08/14 Python
Python实现手机号自动判断男女性别(实例解析)
2019/12/22 Python
如何基于Python + requests实现发送HTTP请求
2020/01/13 Python
python datetime处理时间小结
2020/04/16 Python
Python 如何对文件目录操作
2020/07/10 Python
Python内置函数及功能简介汇总
2020/10/13 Python
科茨沃尔德家居商店:Scotts of Stow
2018/06/29 全球购物
The Body Shop美体小铺西班牙官网:天然化妆品
2019/06/21 全球购物
mysql如何能有效防止删库跑路
2021/10/05 MySQL