AI ANSWERS by 1 NOTES

WEB制作、AI、Windows、アプリの使い方など様々な疑問を解決する

jQueryで関数を呼び出しすサンプルコード

以下は、jQueryを使用して関数を呼び出す簡単なサンプルコードです。

<!DOCTYPE html>
<html>
<head>
	<title>jQueryで関数を呼び出すサンプル</title>
	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
	<script>
	// jQueryのready関数を使用して、ドキュメントの読み込みが完了したら処理を実行する
	$(document).ready(function() {
		
		// クリックイベントを設定する
		$('#myButton').click(function() {
		// 関数を呼び出す
		myFunction();
		});
		
		// 呼び出す関数
		function myFunction() {
		alert('関数が呼び出されました!');
		}
	});
	</script>
</head>
<body>
	<button id="myButton">ボタン</button>
</body>
</html>

この例では、jQueryの $(document).ready() 関数を使用して、ドキュメントの読み込みが完了した時点で処理を実行しています。クリックイベントを設定したボタンがクリックされると、関数 myFunction() が呼び出され、アラートが表示されます。

注意点として、このコードを実行するためには、jQueryライブラリが読み込まれている必要があります。上記のコードでは、CDN経由でjQuery 3.6.0のバージョンを読み込んでいますが、必要に応じてローカルにjQueryファイルを配置することもできます。