1234323181
2016-11-19 11:35
$("bu tton: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);
}
$("bu tton:first")被点击是没有传入参数的,所以此时bottonName 是不存在的。当你点击$("bu tton:first")的时候是取||后面的值,此时first当做一个参数传入函数update之中。last是参数,first是传入的参数$("span:first"),$("span:first").text()是设置第一个span的文本是什么,根据传入的是last还是first进行显示
有两个span元素,点击按钮修改第一个span的内容和让第二个span的内容向上加,第二个span的是last.text()控制的,第一个span的内容是first.text()控制的,内容只是first或者last,不需要让第一个span的内容向上加呀,数字向上加都是通过last.text(n+1)控制
first只要修改本身的text即可,不需要向上加,有一个使数字向上加就行了
jQuery基础(三)—事件篇
89997 学习 · 625 问题
相似问题