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);
 }