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

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

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

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

??? //通過自定義事件調用，更新次數
??? $("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基礎(三)—事件篇 7-1

關注問題我要回答

2359

操作

收起

4 回答

Y先生的可樂
2018-11-15

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

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

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

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

1 回復有任何疑惑可以回復我~

收起回答

Y先生的可樂

留個腳印自己看

2018-11-15 回復有任何疑惑可以回復我~

慕娘0235771
2018-03-04

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

2 回復有任何疑惑可以回復我~

收起回答

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

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

0 回復有任何疑惑可以回復我~

收起回答

慕仙5237505 提問者

哦，那event呢是？

2017-11-12 回復有任何疑惑可以回復我~

qq_情迷二次元_0 回復慕仙5237505 提問者

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

2017-11-12 回復有任何疑惑可以回復我~

慕仙5237505 提問者回復 qq_情迷二次元_0

哦，明白了，多謝辣

2017-11-12 回復有任何疑惑可以回復我~

查看1條回復

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

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

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

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

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