JQuery入门——用one()方法绑定事件

最新推荐文章于 2022-04-18 17:12:19 发布
最新推荐文章于 2022-04-18 17:12:19 发布
阅读量1.7k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： JQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/liang408015204/article/details/8566088
本文详细解释了jQuery中one()方法的功能、使用方式及示例代码，通过一个具体的实例展示了如何利用该方法为所选元素绑定仅触发一次的处理函数。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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入门基础
eshine Lau 的博客
03-31 1014
jQuery是javascript类库，简称JS库。它预定义了一套对象和函数，简化了javascript的开发，帮开发者建立高难度交互的web2.0特性的富客户端页面。jQuery常用API
jq事件绑定：on事件、off事件、方法函数、one事件
YY的博客
11-11 2628
click（）、mouseover（）、mouseout（）、blur（）、change（）
JQuery入门——用one()方法绑定事件处理函数(仅触发一次)
10-27
one()方法功能是为所选的元素绑定一个仅触发一次的处理函数,感兴趣的朋友可以了解下它的调用语法为:one(type, [data], fn),阅读本文或许有意外的收获呢
使用one方法实现事件的一次性绑定
xiaozhuangyumaotao的博客
06-25 521
one方法格式：one(eventName,[data],fn) one方法功能：有时候，只希望事件执行一次，而又不想使用off()等函数解除事件绑定，这时候可以使用one(),为每一个匹配元素的特定事件绑定一个一次性的事件处理函数 参数解释： eventName：事件名称，如click data:传给回调函数fn的参数，通过fn的事件参数.data.xxx来获取 代码举例，html结构： <!doctypehtml> <html> <head> <.
15.使用one()方法绑定元素的一次性事件
weixin_34355881的博客
03-11 327
one()方法可以绑定元素任何有效的事件，但这种方法绑定的事件只会触发一次，它的调用格式如下： $(selector).one(event,[data],fun) 参数event为事件名称，data为触发事件时携带的数据，fun为触发该事件时执行的函数。 例如，使用one方法绑定<div>元素的单击事件，在事件执行的函数中，累计执行的次数，并将该次数显示在页面中，如下图所示： ...
jQuery one事件
Java兔的博客
09-25 646
小记 写button的点击事件时，我们习惯性的使用onclick事件，由于onclick事件是点击一次，事件生效一次，会导致我们明明只想保存一条数据，却由于点击了两次而保存了两条一模一样的数据。 为了解决多次点击导致数据重复的问题，我们找到了jQuery的one事件，此事件只绑定一次，也就是即使你不小心点击了两次，事件仍然只会执行一次，也就规避了数据重复的问题。 下面是one事件的使用示例：...
【JQuery】使用one()方法绑定元素的一次性事件
O(∩_∩)O
04-02 735
很简单，为元素绑定事件，只能执行一次。 比如绑定点击事件，点击一次执行后，再点击就没有任何反应了。 one()方法执行一次绑定事件 请点击我一下 $(function () { var intI = 0; $("div").one
JQuery入门——用bind方法绑定事件处理函数应用介绍
10-27
在JavaScript的世界里，jQuery是一...在实际开发中，结合其他jQuery事件处理方法，如`one()`（仅执行一次的事件处理函数）和`delegate()`（针对未来可能添加的元素绑定事件），我们可以构建出响应用户交互的动态网页。
jQuery入门到精通：从基础到实战教程
事件处理是jQuery的重要部分，第四章涵盖了事件机制、页面加载事件（如ready()方法）、事件绑定、切换和移除，以及更多高级方法，如one()。这些内容确保了学习者能够熟练地响应用户交互，提升用户体验。 这是一份...
42 jQuery-使用one()方法绑定触发一次的事件
LiGuogang
12-27 419
1.效果图 2.html代码 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;42 jQuery-使用one()方法绑定触发一次的事件&lt;/title&gt; &lt;style type="text/css"
C语言练手小代码---one
superwangxinrui的博客
04-15 1987
1. 打印100~200 之间的素数#define _CRT_SECURE_NO_WARNINGS ch #include&lt;stdio.h&gt; #include&lt;Windows.h&gt; int main(){ int i = 0; int j = 0; int count = 0; for (i = 101; i &lt;200; i+=2){//去除偶数 for...
jQuery的on()、one()与off()事件方法
世界和我们都不该止步于此
04-18 1421
目录 一.on()方法 1.使用on()方法 2.on()方法事件事件委托 3.【重点】使用on()方法给未来要创建的元素绑定事件 二.off()方法 三.one()方法 四.自动触发事件 五.阻止默认行为以及冒泡 一.on()方法 1.使用on()方法 相信我们都不陌生jQuery的on()方法，它可以在匹配元素上绑定一个或者多个事件处理函数，这也是on()方法的一个亮点 $(element).on(events[,selector],callback) //events.
jquery one 绑定一次监听事件
guorun18的专栏
12-09 2450
为每一个匹配元素的特定事件（像click）绑定一个一次性的事件处理函数。 在每个对象上，这个事件处理函数只会被执行一次。其他规则与bind()函数相同。这个事件处理函数会接收到一个事件对象，可以通过它来阻止（浏览器）默认的行为。如果既想取消默认的行为，又想阻止事件起泡，这个事件处理函数必须返回false。 多数情况下，可以把事件处理函数定义为匿名函数（见示例一）。在不可能定义匿名函
one选择语句
KnowYouWell的博客
02-21 458
 final short K=5; 常量大写,无法修改，必须赋值。 标识符由字母，下划线，美元符或数字组成 标识符以字母，下划线，美元符开头。 JAVA标识符大小写敏感，长度无限制。 标识符见名知意。 容量小的自动转化为大的。byte=8，short=16，int=32，long=64，float=32，double=64（byte+byte=int)。 boolean无
jquery事件处理之one方法
if you want to fly,you need to walk step by step
07-05 700
语法格式:one(type,[data],fn) 作用：为所选元素触发仅一次的处理函数type:事件类型 如：click，change等data:传出数据外部数组fn:事件处理函数原始页面效果：事件处理效果：&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &
jQuery 给div绑定单击事件
weixin_30802273的博客
07-25 1485
说明：这篇随笔介绍的是怎么给div添加单击（click）事件。不再废话 直接看代码 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="topPage.aspx.cs" Inherits="topPage" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tra...
jQuery.bind用法
shaleilei的博客
09-27 1373
使用函数bind(type [,data],fn)绑定事件： 1、其中type表示事件类型：blur，focus，load，resize，scroll，unload，click，dblclick，mousedown，mouseup，mousemove，mouseout，mouseover，mouseenter，mouseleave，change，select，submit，keydown
JQuery事件绑定函数one:绑定的事件处理函数只会被执行一次
热门推荐
aty
01-27 1万+
JQuery绑定事件处理函数，有两种方式(方式1和方式2)是最常用的，方式3使用的较少。 方式1： $("#button").click(function(){ }); 这种方式很简单，也是平时编码最常用的做法。HTML中原始的事件，如onclick、onmouseover、onkeypress等，JQuery对名称进行了简单的封装，如onclick与JQuery的click对应，on
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值