总结5.11jq求和for循环九九乘法表

<script src="../week four/jquery-3.4.1.js"></script>

<script>

    $('#id').click(function () {

        $('body').append('<div><input type="text" class="x"><input type="text" class="y"><div class="z">求和</div></div>');

    });//给body添加多个求和对象，input间必须紧挨，有空格回车会报错

    $('body').on('click','.z',function(){//动态点击事件

        var i = $(this).siblings('.x').val();

        var j = $(this).siblings('.y').val();//当页面上有多个需要求和的类时，通过使用点击元素的子集筛选出要算的结果

        var count = abc(i,j);

        $(this).html('求和<span>'+count+'<span>');//将运算结果用html形式体现

    })

    function abc(x,y){

        var count = parseInt(x)+parseInt(y);//先将输入的数字转换成整型再求和

        return count;

    }

    var a = '';

    for(i = 1;i<10;i++){

        for(j = 1;j<i+1;j++){

            a += j+'*'+i +'='+i*j+'&nbsp;&nbsp';

        }

        a += '<br>'

    }//九九乘法表，i从1到9为行数，j<i+1为到多少列换行，j每次走到最后一个给div元素添加一个br换行

    $('.a').html(a);//将九九乘法表用html形式体现

</script>