<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>
小白的理解,供参考,欢迎交流