クリックで0と1を入れ替えるトグルスイッチをつくる。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jQuery sample</title> <script src="jquery-1.7.1.min.js"></script> <script type="text/javascript"> var a = 0; var message = ""; //initialize the variables $(function(){ if(a==1){ message="ボタンが戻されました";a=0; } else{ message="ボタンがクリックされました";a=1; } $(":button").click(function(){ $("span").text(message); }); }); </script> </head> <html> <body> <input type="button" value="変更"> <input type="button" value="こっちも変更ですよ"> <hr> <span>変更ボタンをクリックしてください</span> </body> </html>
$(function(){})の構造を調べてみる。
どこで繰り返し処理がかかるのだろう。