$("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);
}
2017-08-16
第一大段代码$("button:first").click(function(event,bottonName)你只要点击按钮1就会触发点击事件.click(function(event,bottonName)由于一开始的bottonName这个参数是不存在的所以bottonName=bottonName|| 'first';这个语句的返回值是'first' 然后再调用update这个函数 update($("span:first"),$("span:last"),‘first’); 解释完第一段代码的含义我们来看第三段代码 用得出的参数去替换第三段代码函数的三个参数可得 $("span:first").text('first') var n=parseInt($("span:last").text(), 10); $("span:last").text(n+1); 你看原文第31行的代码 原文结构体中定义着<div><span></span><span>0</span>点击次数</div> 所以点击按钮一执行一次这三个语句后 <div><span>first</span><span>1</span>点击次数</div> 按照这个道理你可以去看第二段代码的应用
举报
