JQUERY事件問(wèn)題
有沒(méi)有大神能講解下面這段代碼呢,完全看不懂呀
<!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>點(diǎn)擊次數(shù)</div>
????????<button>直接點(diǎn)擊</button>
????????<button>通過(guò)自定義點(diǎn)擊</button>
????</div>
????<script?type="text/javascript">
????//點(diǎn)擊更新次數(shù)
????$("button:first").click(function(event,bottonName)?{
????????bottonName?=?bottonName?||?'first';
????????update($("span:first"),$("span:last"),bottonName);
????});
????//通過(guò)自定義事件調(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ù)谝粋€(gè)點(diǎn)擊自定義按鈕時(shí)，會(huì)觸發(fā)?$("button:last").click(function()?{}）然后執(zhí)行里面的?$("button:first").trigger('click','last')，執(zhí)行到這步又觸發(fā)第一個(gè)button的click事件，function參數(shù)中的buttonName=last，繼續(xù)執(zhí)行update（）函數(shù)，第一個(gè)參數(shù)為第一個(gè) span對(duì)象，第二個(gè)參數(shù)為第二個(gè) span對(duì)象，第三個(gè)參數(shù)的內(nèi)容此時(shí)為 'last'。在update函數(shù)中，將第一個(gè)span的文本設(shè)置為 'first',將第二個(gè)span的文本轉(zhuǎn)換為整型，基數(shù)為10（這個(gè)10不懂看看轉(zhuǎn)換整型那節(jié)），計(jì)數(shù)器n自加 1，并賦給第二個(gè) span的文本。
2016-09-24
當(dāng)點(diǎn)擊第一個(gè) button 時(shí)，會(huì)觸發(fā)第一個(gè)按鈕的 click事件，function 參數(shù)中的 bottonName,
如果存在bottonName,則bootonName=bottonName,否則，bottonName=first
此時(shí)還未定義（undefined）,所以在執(zhí)行"或"語(yǔ)句時(shí)，將 'first'這個(gè)字符串賦給bottonName,繼續(xù)執(zhí)行 update()函數(shù)。第一個(gè)參數(shù)為第一個(gè) span對(duì)象，第二個(gè)參數(shù)為第二個(gè) span對(duì)象，第三個(gè)參數(shù)的內(nèi)容此時(shí)為 'first'。
在update函數(shù)中，將第一個(gè)span的文本設(shè)置為 'first',將第二個(gè)span的文本轉(zhuǎn)換為整型，基數(shù)為10（這個(gè)10不懂看看轉(zhuǎn)換整型那節(jié)），計(jì)數(shù)器n自加 1，并賦給第二個(gè) span的文本。
點(diǎn)擊第二個(gè) button的過(guò)程以此類(lèi)推。
前面同學(xué)總結(jié)的*_*