jquery如何只执行一次事件

小编给大家分享一下jquery如何只执行一次事件,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

目前成都创新互联公司已为近千家的企业提供了网站建设、域名、网页空间、网站改版维护、企业网站设计、辉县网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

在jquery中,可以利用one()方法让元素只执行一次事件,该方法规定每个元素只能运行一次事件处理函数,语法为“$(selector).one(event,data,function)”。

jquery如何只执行一次事件

本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery怎样只执行一次事件

在jquery中,可以利用one()方法让元素只执行一次事件,one() 方法为被选元素附加一个或多个事件处理程序,并规定当事件发生时运行的函数。

当使用 one() 方法时,每个元素只能运行一次事件处理器函数。

语法如下:

$(selector).one(event,data,function)

其中:

jquery如何只执行一次事件

示例如下:





$(document).ready(function(){
  $("p").one("click",function(){
    $(this).animate({fontSize:"+=6px"});
  });
});



这是一个段落。

这是另一个段落。

请点击 p 元素增加其内容的文本大小。每个 p 元素只会触发一次改事件。

输出结果:

jquery如何只执行一次事件

以上是“jquery如何只执行一次事件”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


本文题目:jquery如何只执行一次事件
分享地址:http://bzwzjz.com/article/jhieid.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 移动网站建设 成都响应式网站建设公司 成都定制网站建设 成都网站设计公司 企业网站设计 品牌网站建设 app网站建设 手机网站设计 网站制作 成都网站设计 专业网站设计 成都品牌网站设计 成都网站设计 成都网站建设 网站建设公司 重庆外贸网站建设 网站制作公司 营销型网站建设 成都企业网站建设 上市集团网站建设 成都网站制作 手机网站建设