jquery怎样只执行一次事件
发布时间：2024-03-23 点击：141
在jquery中，可以利用one()方法让元素只执行一次事件，该方法规定每个元素只能运行一次事件处理函数，语法为“$(selector).one(event,data,function)”。
本教程操作环境：windows10系统、jquery3.2.1版本、dell g3电脑。
jquery怎样只执行一次事件
在jquery中，可以利用one()方法让元素只执行一次事件，one() 方法为被选元素附加一个或多个事件处理程序，并规定当事件发生时运行的函数。
当使用 one() 方法时，每个元素只能运行一次事件处理器函数。
语法如下：
$(selector).one(event,data,function)
其中：
示例如下：
<html><head><script type=\”text/javascript\” src=\”//jquery/jquery.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>
输出结果：
相关视频教程推荐：jquery视频教程
云服务器组用多少钱
解除域名绑定-其他问题
酷派和腾讯云服务器哪个好
阿里云ecs数据迁移到轻量级服务器
远程登陆不了 -云服务器问题
网站要求身份验证-虚拟主机/数据库问题
腾讯云服务器怎么加宝塔
麻烦审核下网站程序域名绑定不了
本教程操作环境：windows10系统、jquery3.2.1版本、dell g3电脑。
jquery怎样只执行一次事件
在jquery中，可以利用one()方法让元素只执行一次事件，one() 方法为被选元素附加一个或多个事件处理程序，并规定当事件发生时运行的函数。
当使用 one() 方法时，每个元素只能运行一次事件处理器函数。
语法如下：
$(selector).one(event,data,function)
其中：
示例如下：
<html><head><script type=\”text/javascript\” src=\”//jquery/jquery.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>
输出结果：
相关视频教程推荐：jquery视频教程
云服务器组用多少钱
解除域名绑定-其他问题
酷派和腾讯云服务器哪个好
阿里云ecs数据迁移到轻量级服务器
远程登陆不了 -云服务器问题
网站要求身份验证-虚拟主机/数据库问题
腾讯云服务器怎么加宝塔
麻烦审核下网站程序域名绑定不了
上一篇：云平台服务器和物理服务器哪个好
下一篇：浙江云服务器租用价格