JQUERY事件問題
有沒有大神能講解下面這段代碼呢,完全看不懂呀
<!DOCTYPE?html>
<html>
<head>
????<meta?http-equiv="Content-type"?content="text/html;?charset=utf-8"?/>
????<title></title>
????<style>
????.left?div,
????.right?div?{
????????width:?500px;
????????height:?50px;
????????padding:?5px;
????????margin:?5px;
????????float:?left;
????????border:?1px?solid?#ccc;
????}
????
????.left?div?{
????????background:?#bbffaa;
????}
????
????.right?div?{
????????background:?yellow;
????}
????</style>
????<script?src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
????<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);
????}
????</script>
</body>
</html>
2016-09-25
當第一個點擊自定義按鈕時，會觸發?$("button:last").click(function()?{}）然后執行里面的?$("button:first").trigger('click','last')，執行到這步又觸發第一個button的click事件，function參數中的buttonName=last，繼續執行update（）函數，第一個參數為第一個 span對象，第二個參數為第二個 span對象，第三個參數的內容此時為 'last'。在update函數中，將第一個span的文本設置為 'first',將第二個span的文本轉換為整型，基數為10（這個10不懂看看轉換整型那節），計數器n自加 1，并賦給第二個 span的文本。
2016-09-24
當點擊第一個 button 時，會觸發第一個按鈕的 click事件，function 參數中的 bottonName,
如果存在bottonName,則bootonName=bottonName,否則，bottonName=first
此時還未定義（undefined）,所以在執行"或"語句時，將 'first'這個字符串賦給bottonName,繼續執行 update()函數。第一個參數為第一個 span對象，第二個參數為第二個 span對象，第三個參數的內容此時為 'first'。
在update函數中，將第一個span的文本設置為 'first',將第二個span的文本轉換為整型，基數為10（這個10不懂看看轉換整型那節），計數器n自加 1，并賦給第二個 span的文本。
點擊第二個 button的過程以此類推。
前面同學總結的*_*