「jQuery」oneメソッドでクリックイベントを1回のみ実行する

2021年11月12日

構文
.one( events [, data ], handler )
指定のイベントを一度だけ実行します
書式
$(“セレクタ名").one(“click",function() { 処理コード);
使用例
<style>
  div {background-color:skyblue;}
</style>

<div id="cft">AAA</div>
<input type="button" id="btnShow" value="表示" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  /*oneメソッドでクリックイベントを実行*/
      $("#btnShow").one("click",function() {
                  $("#cft").fadeToggle();
                  $("#cft").fadeToggle();
            }
      );
</script>

 

jQuery

Posted by arkgame