這節(jié)很難懂,我把自己的理解注釋一下
<script type="text/javascript">
? ? ? ? function update(first, jishu, biaoti) {//一個(gè)叫update的自定義函數(shù),有三個(gè)參數(shù),第一個(gè)參數(shù)是那句話的抬頭,第二個(gè)參數(shù)是點(diǎn)擊了多少次,第三個(gè)參數(shù)決定抬頭顯示什么
? ? ? ? ? ? first.text(biaoti);//抬頭的文本內(nèi)容為第三個(gè)參數(shù)
? ? ? ? ? ? var n = parseInt(jishu.text(), 10);//一個(gè)n的變量,從第二個(gè)參數(shù)獲取文本內(nèi)容,,然后按10進(jìn)制轉(zhuǎn)化為數(shù)字
? ? ? ? ? ? jishu.text(n + 1);//計(jì)數(shù)器的文本值增加1
? ? ? ? }
? ? ? ? //點(diǎn)擊更新次數(shù)
? ? ? ? $("button:first").click(function(ev, bo) {//給第一個(gè)按鈕監(jiān)聽(tīng)鼠標(biāo)單擊事件,然后執(zhí)行一個(gè)函數(shù),函數(shù)有兩個(gè)參數(shù),ev是觸發(fā)事件的對(duì)象,bo是一個(gè)自定義參數(shù)
? ? ? ? ? ? bo = bo || 'first';//這句話意思是,如果有給bo,那就用bo的值,沒(méi)有的話,bo就用first當(dāng)值,在這里沒(méi)給值,所以bo=‘first’
? ? ? ? ? ? update($("span:first"), $("span:last"), bo);//這里調(diào)用了上面自定義的update函數(shù),把第一個(gè)span元素給了參數(shù)first(是空的),把第二個(gè)span元素給了參數(shù)jishu(是0),把bo的值個(gè)給了第三個(gè)參數(shù)biaoti(是first),結(jié)果就是把第一個(gè)span的text改為了first,把第二個(gè)span的0改為了0+1,
? ? ? ? });
? ? ? ? //通過(guò)自定義事件調(diào)用,更新次數(shù)
? ? ? ? $("button:last").click(function() {//這里給第二個(gè)按鈕加了個(gè)監(jiān)聽(tīng)單擊事件,執(zhí)行一個(gè)函數(shù)
? ? ? ? ? ? $("button:first").trigger('click', 'last');//執(zhí)行的內(nèi)容是第一個(gè)按鈕的單擊事件,但是傳入了一個(gè)參數(shù)值為last;這里就等于把last給了上一個(gè)事件里的bo,然后在執(zhí)行bo=bo||‘first’的時(shí)候,因?yàn)閎o有了值,所以就不是first了,而是last,最后抬頭就變成了傳入的last
? ? ? ? });
? ? </script>
2020-04-12
小白的理解,供參考,歡迎交流