慕粉3724715
2016-10-16 09:41
function greet( event ) {
alert( "Hello " + event.data.name ); //Hello 慕课网
}
$( "button" ).on( "click", {
name: "慕课网"
}, greet );
麻烦解释下,有点不太懂
event,是事件本身,在这里就是 click 事件;
greet,是事件调用的函数;
name:“慕课网”,是传递给greet函数的data对象的name属性的参数(注意:data对象是on方法默认返回的一个对象,这里其实是将一个匿名对象赋值给了data对象,然后通过data.name调用这个匿名对象的name属性)。
能看懂下面的代码表示你已经了懂了上面所说的意思:
var userObj2 = { click: "鼠标点击", over: "鼠标移入", out: "鼠标移出", } function dome(event) { if(event.type == "click"){ alert(event.data.click); } else if(event.type == "mouseover"){ alert(event.data.over); } else if(event.type == "mouseout"){ alert(event.data.out); } } $("#testDiv8").on("click mouseover mouseout",userObj2,dome);
button事件被点击时,调用greet函数 greet函数执行时调用对象中的数据
jQuery基础(三)—事件篇
89997 学习 · 625 问题
相似问题