便利ツール
トップへ

あいうえお

クリックした文字を大きくする。jQuery で。

     
<div style="font-size:13em" id="bigs">あ</div>
<p id="smalls">
    <span>あ</span><span>い</span><span>う</span><span>え</span><span>お</span>
    <span>か</span><span>き</span><span>く</span><span>け</span><span>こ</span>
    <span>さ</span><span>し</span><span>す</span><span>せ</span><span>そ</span>
    <span>た</span><span>ち</span><span>つ</span><span>て</span><span>と</span>
    <span>な</span><span>に</span><span>ぬ</span><span>ね</span><span>の</span>
    <span>は</span><span>ひ</span><span>ふ</span><span>へ</span><span>ほ</span>
    <span>ま</span><span>み</span><span>む</span><span>め</span><span>も</span>
    <span>や</span><span> </span><span>ゆ</span><span> </span><span>よ</span>
    <span>ら</span><span>り</span><span>る</span><span>れ</span><span>ろ</span>
    <span>わ</span><span> </span><span>を</span><span> </span><span>ん</span>
    <span>が</span><span>ぎ</span><span>ぐ</span><span>げ</span><span>ご</span>
    <span>ざ</span><span>じ</span><span>ず</span><span>ぜ</span><span>ぞ</span>
    <span>だ</span><span>ぢ</span><span>づ</span><span>で</span><span>ど</span>
    <span>ば</span><span>び</span><span>ぶ</span><span>べ</span><span>ぼ</span>
    <span>ぱ</span><span>ぴ</span><span>ぷ</span><span>ぺ</span><span>ぽ</span>
</p>
$(document).ready(function(){
    $("#smalls span").click(function(){
        var text = $(this).text();
        $("#bigs").html(text);
    });
});