jQuery 事件 - one() 方法 概述
jQuery 2022-06-01 12:11:06小码哥的IT人生shichen
jQuery 事件 - one() 方法
实例
当点击 p 元素时，增加该元素的文本大小：
$("p").one("click",function(){
$(this).animate({fontSize:"+=6px"});
});
完整实例：
<html>
<head>
<script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").one("click",function(){
$(this).animate({fontSize:"+=6px"});
});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<p>请点击 p 元素增加其内容的文本大小。每个 p 元素只会触发一次改事件。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
one() 方法为被选元素附加一个或多个事件处理程序，并规定当事件发生时运行的函数。
当使用 one() 方法时，每个元素只能运行一次事件处理器函数。
语法
$(selector).one(event,data,function)
| 参数 | 描述 |
|---|---|
| event |
必需。规定添加到元素的一个或多个事件。 由空格分隔多个事件。必须是有效的事件。 |
| data | 可选。规定传递到函数的额外数据。 |
| function | 必需。规定当事件发生时运行的函数。 |
