                        課程
                    
                        /前端開發(fā)
                        
                            /jQuery
                        
                        /jQuery基礎(chǔ)(三)—事件篇

這段js代碼我不明白，麻煩每一個給我備注下啥意思，在每一行下備注注釋，求詳細(xì)擼謝謝

<h2>自定義事件trigger</h2>
??? <div class="left">
??????? <div><span></span><span>0</span>點擊次數(shù)</div>
??????? <button>直接點擊</button>
??????? <button>通過自定義點擊</button>
??? </div>
??? <script type="text/javascript">

??? //點擊更新次數(shù)
??? $("button:first").click(function(event,bottonName) {
??????? bottonName = bottonName || 'first';
??????? update($("span:first"),$("span:last"),bottonName);
??? });

??? //通過自定義事件調(diào)用，更新次數(shù)
??? $("button:last").click(function() {
??????? $("button:first").trigger('click','last');
??? });

??? function update(first,last,bottonName) {
??????? first.text(bottonName);
??????? var n = parseInt(last.text(), 10);
??????? last.text(n + 1);
??? }

慕仙5237505

2017-11-10

源自：jQuery基礎(chǔ)(三)—事件篇 7-1

關(guān)注問題我要回答

2352

操作

收起

4 回答

Y先生的可樂
2018-11-15

? ? <script type="text/javascript">

??? //點擊更新次數(shù)
??? $("button:first").click(function(event,bottonName) {?? //給第一個按鈕綁定一個click事件
??????? bottonName = bottonName || 'first';??????????? //如果bottonName未定義就用參數(shù)first
??????? update($("span:first"),$("span:last"),bottonName);? //引用update函數(shù)
??? });

??? //通過自定義事件調(diào)用，更新次數(shù)
??? $("button:last").click(function() {??? //給第二個按鈕綁定click事件
??????? $("button:first").trigger('click','last');?? //觸發(fā)第一個按鈕所綁定的click事件,并傳遞參數(shù)last
??? });

??? function update(first,last,bottonName) {? //自定義函數(shù)update
??????? first.text(bottonName);??????? //輸出文本bottonName參數(shù)的值(first或者last)
??????? var n = parseInt(last.text(), 10);??? // 用n記錄點擊次數(shù)
??????? last.text(n + 1);??? //輸出點擊次數(shù)
??? }
??? </script>

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

Y先生的可樂

留個腳印自己看

2018-11-15 回復(fù) 有任何疑惑可以回復(fù)我~

慕娘0235771
2018-03-04

著重說一下 ?“var n = parseInt(last.text(), 10);”這一句， ?我先摘抄一下W3School的內(nèi)容：“parseInt() 函數(shù)可解析一個字符串，并返回一個整數(shù)?！彼淖饔镁褪墙馕龀鲎址械谝粋€出現(xiàn)的數(shù)字，第一個參數(shù)就是要求解析的字符串，第二個參數(shù)是對第一個參數(shù)的補充，是數(shù)字幾就代表第一個參數(shù)中的數(shù)字是什么進制。例如：parseInt("11",2); //返回 3 (2+1) ?就是說 ?把“11”當(dāng)做二進制看然后解析為十進制數(shù)字“3”.

2 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

qq_情迷二次元_0
2017-11-11

bottonName是事件的參數(shù),因為有兩個按鈕,一個是first參數(shù)一個是last參數(shù),bottonName用來儲存這兩個參數(shù)

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

慕仙5237505 提問者

哦，那event呢是？

2017-11-12 回復(fù) 有任何疑惑可以回復(fù)我~

#2

qq_情迷二次元_0 回復(fù) 慕仙5237505 提問者

就是指前面的click事件,可省略

2017-11-12 回復(fù) 有任何疑惑可以回復(fù)我~

#3

慕仙5237505 提問者回復(fù) qq_情迷二次元_0

哦，明白了，多謝辣

2017-11-12 回復(fù) 有任何疑惑可以回復(fù)我~

查看1條回復(fù)

qq_情迷二次元_0
2017-11-11

??? <script type="text/javascript">

??? //點擊更新次數(shù)
??? $("button:first").click(function(event,bottonName) {?? //給第一個按鈕綁定一個click事件
??????? bottonName = bottonName || 'first';??????????? //如果bottonName未定義就用參數(shù)first
??????? update($("span:first"),$("span:last"),bottonName);? //引用update函數(shù)
??? });

??? //通過自定義事件調(diào)用，更新次數(shù)
??? $("button:last").click(function() {??? //給第二個按鈕綁定click事件
??????? $("button:first").trigger('click','last');?? //觸發(fā)第一個按鈕所綁定的click事件,并傳遞參數(shù)last
??? });

??? function update(first,last,bottonName) {? //自定義函數(shù)update
??????? first.text(bottonName);??????? //輸出文本bottonName參數(shù)的值(first或者last)
??????? var n = parseInt(last.text(), 10);??? // 用n記錄點擊次數(shù)
??????? last.text(n + 1);??? //輸出點擊次數(shù)
??? }
??? </script>