这节很难懂,我把自己的理解注释一下

来源:7-1 jQuery自定义事件之trigger事件

金刚无敌葫芦娃

2020-04-12 23:01

<script type="text/javascript">

        function update(first, jishu, biaoti) {//一个叫update的自定义函数,有三个参数,第一个参数是那句话的抬头,第二个参数是点击了多少次,第三个参数决定抬头显示什么

            first.text(biaoti);//抬头的文本内容为第三个参数

            var n = parseInt(jishu.text(), 10);//一个n的变量,从第二个参数获取文本内容,,然后按10进制转化为数字

            jishu.text(n + 1);//计数器的文本值增加1

        }


        //点击更新次数

        $("button:first").click(function(ev, bo) {//给第一个按钮监听鼠标单击事件,然后执行一个函数,函数有两个参数,ev是触发事件的对象,bo是一个自定义参数

            bo = bo || 'first';//这句话意思是,如果有给bo,那就用bo的值,没有的话,bo就用first当值,在这里没给值,所以bo=‘first’

            update($("span:first"), $("span:last"), bo);//这里调用了上面自定义的update函数,把第一个span元素给了参数first(是空的),把第二个span元素给了参数jishu(是0),把bo的值个给了第三个参数biaoti(是first),结果就是把第一个span的text改为了first,把第二个span的0改为了0+1,

        });


        //通过自定义事件调用,更新次数

        $("button:last").click(function() {//这里给第二个按钮加了个监听单击事件,执行一个函数

            $("button:first").trigger('click', 'last');//执行的内容是第一个按钮的单击事件,但是传入了一个参数值为last;这里就等于把last给了上一个事件里的bo,然后在执行bo=bo||‘first’的时候,因为bo有了值,所以就不是first了,而是last,最后抬头就变成了传入的last

        });


    </script>


写回答 关注

1回答

  • 金刚无敌葫芦娃
    2020-04-12 23:02:36

    小白的理解,供参考,欢迎交流

jQuery基础(三)—事件篇

jQuery第三阶段开启事件修炼,掌握对页面进行交互的操作

89997 学习 · 625 问题

查看课程

相似问题