有时候我们只需要执行一次事件,那么在jquery中有什么方法能实现这个需求呢?文中主要介绍one()实现元素只执行一次事件的方法,下文有示例供大家参考,感兴趣的朋友可以了解看看。
本教程操作环境: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实现执行一次事件的方法介绍,上述示例具有一定的参考价值,有需要的朋友可以了解看看,希望对大家学习jQuery有帮助,想要了解更多可以继续浏览群英网络其他相关的文章。
文本转载自PHP中文网
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
长按识别二维码并关注微信
更方便到期提醒、手机管理