jquery如何只实行一次事件

lxf2023-03-18 13:15:01

在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如何只实行一次事件

实例如下所示:

<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视频教学

以上就是关于jquery如何只实行一次事件具体内容,大量欢迎关注AdminJS其他类似文章!