jQuery 指定のイベント発生時に一度だけ実行するサンプル(one)

jQueryの指定のイベント発生時に一度だけ実行するサンプルです。
oneメソッドを使用します。

一度だけ実行するサンプル
oneメソッド

一度だけ実行するサンプル

クリックイベント発生時に、一度だけ実行するサンプルです。
ボタン1を押すと水色の背景色が消えて再度表示されます。何度も押せます。
ボタン2は、oneメソッドを使用しているため1度しか実行されません。

テスト１

コード

上記コードのサンプルです。

<style>
p {background-color:PaleTurquoise;}
</style>

<p id="p1">テスト１</p>
<input type="button" id="button1" value="ボタン1" />
<input type="button" id="button2" value="ボタン2" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {

	$("#button1").click(function() {
		$("#p1").fadeToggle();
		$("#p1").fadeToggle();
	});

	$("#button2").one("click",function() {
			$("#p1").fadeToggle();
			$("#p1").fadeToggle();
		}
	);
});
</script>

18行目は、oneメソッドでclickイベントを指定しています。1回しかclickできません。

oneメソッド

jQueryのoneメソッドです。
指定のイベント発生時に一度だけ実行します。
以下はjQueryサイトのoneメソッドのページです。
http://api.jquery.com/one/