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>點擊次數(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);
????}
????</script>
</body>
</html>
2016-09-25
當(dāng)?shù)谝粋€點擊自定義按鈕時，會觸發(fā)?$("button:last").click(function()?{}）然后執(zhí)行里面的?$("button:first").trigger('click','last')，執(zhí)行到這步又觸發(fā)第一個button的click事件，function參數(shù)中的buttonName=last，繼續(xù)執(zhí)行update（）函數(shù)，第一個參數(shù)為第一個 span對象，第二個參數(shù)為第二個 span對象，第三個參數(shù)的內(nèi)容此時為 'last'。在update函數(shù)中，將第一個span的文本設(shè)置為 'first',將第二個span的文本轉(zhuǎn)換為整型，基數(shù)為10（這個10不懂看看轉(zhuǎn)換整型那節(jié)），計數(shù)器n自加 1，并賦給第二個 span的文本。
2016-09-24
當(dāng)點擊第一個 button 時，會觸發(fā)第一個按鈕的 click事件，function 參數(shù)中的 bottonName,
如果存在bottonName,則bootonName=bottonName,否則，bottonName=first
此時還未定義（undefined）,所以在執(zhí)行"或"語句時，將 'first'這個字符串賦給bottonName,繼續(xù)執(zhí)行 update()函數(shù)。第一個參數(shù)為第一個 span對象，第二個參數(shù)為第二個 span對象，第三個參數(shù)的內(nèi)容此時為 'first'。
在update函數(shù)中，將第一個span的文本設(shè)置為 'first',將第二個span的文本轉(zhuǎn)換為整型，基數(shù)為10（這個10不懂看看轉(zhuǎn)換整型那節(jié)），計數(shù)器n自加 1，并賦給第二個 span的文本。
點擊第二個 button的過程以此類推。
前面同學(xué)總結(jié)的*_*