jqueryの問題を作ってみました。
これからちょっとずつ増やしていきます。
参考までにどうぞ
問1 dataメソッド
clickを押すとID「hako」からnameの値(yamada)が表示されるよう記述せよ
<div id="hako"></div> <button id="stop">click</button> <script type="text/javascript"> $(function(){ $('#hako').data('name','yamada'); /*ココに答えを入れてください*/ }); </script>
答えはこちら
$('#stop').on('click',function(){ var Name = $('#hako').data('name'); $('#hako').text(Name); });
問2 アニメーションとonメソッド
class「anime1」をクリックしたら、class「mabataki」を0.1秒で不透明度100%にした後、0.1秒で不透明度0%にせよ
.mabataki{ opacity:0; } <div id="main_box"> <img src="http://jsrun.it/assets/0/y/l/N/0ylNg.png" class="karada" width="200" height="150" /> <img src="http://jsrun.it/assets/O/w/k/2/Owk2s.png" class="mabataki" width="200" height="150" /> </div> <div id="btn"> <button class="anime1">まばたき</button> <button class="anime1stop">まばたきストップ</button> </div> <script type="text/javascript"> $(function(){ /*ここに答えを入れてください*/ }); </script>
答えはこちら
$('.anime1').on('click' , function(){ slideimg(); }); function slideimg(){ $(".mabataki") .animate({'opacity':'1'},100) .animate({'opacity':'0'},100); }