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

 更新时间:2013年02月05日 15:44:59   作者:  
one()方法功能是为所选的元素绑定一个仅触发一次的处理函数,感兴趣的朋友可以了解下它的调用语法为:one(type, [data], fn),阅读本文或许有意外的收获呢

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、效果图预览


点击后:

再点击无反应

相关文章

  • JS控制弹出悬浮窗口(一览画面)的实例代码

    JS控制弹出悬浮窗口(一览画面)的实例代码

    这篇文章主要介绍了JS控制弹出悬浮窗口(一览画面)的实例代码的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
    2016-05-05
  • JavaScript获取键盘按键的键码(参照表)

    JavaScript获取键盘按键的键码(参照表)

    JS获取键盘按键的键码event.keyCode,记录-方便查找。需要的朋友参考下本教程吧
    2017-01-01
  • JSONP解决JS跨域问题的实现

    JSONP解决JS跨域问题的实现

    这篇文章主要介绍了JSONP解决JS跨域问题的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-05-05
  • js阻止浏览器默认行为的简单实例

    js阻止浏览器默认行为的简单实例

    下面小编就为大家带来一篇js阻止浏览器默认行为的简单实例。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • 怎么引入(调用)一个JS文件

    怎么引入(调用)一个JS文件

    这篇文章主要介绍了引入(调用)一个JS文的方法,非常不错介绍的非常详细,具有参考借鉴价值,感兴趣的朋友一起看看吧
    2016-05-05
  • 基于JavaScript实现数码时钟效果

    基于JavaScript实现数码时钟效果

    这篇文章主要为大家详细介绍了基于JavaScript实现数码时钟效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • js实现点击图片改变页面背景图的方法

    js实现点击图片改变页面背景图的方法

    这篇文章主要介绍了js实现点击图片改变页面背景图的方法,实例分析了javascript操作css与图片的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • 原生javascript实现图片弹窗交互效果

    原生javascript实现图片弹窗交互效果

    这篇文章主要介绍了原生javascript实现图片弹窗交互效果的方法及的相关资料,需要的朋友可以参考下
    2015-01-01
  • JSF中confirm弹出框的用法示例介绍

    JSF中confirm弹出框的用法示例介绍

    本文为大家详细介绍下JSF中confirm弹出框的使用方法,感兴趣的朋友可以参考下
    2014-01-01
  • JavaScript常用工具函数库汇总

    JavaScript常用工具函数库汇总

    业务中比较常用的JavaScript工具函数,可以用在前端环境,也可以用在node服务端,统一整理,方便查阅,帮助大家更好的理解和使用JavaScript,感兴趣的朋友可以了解下
    2020-09-09

最新评论