用jquery扩展方法的两种方式
第一种:为jQuery类或为jQuery本身添加静态方法,该方法隶属于jquery,只能通过jquery调用此方法
等价于
以上两种方式调用时都要通过jquery本身来调用
输入结果为1.
第二种:为jQuery产生的实例创建方法,调用方法的为jQuery的实例
等价于
以上两种方式调用时通过jQuery创建的实例调用
输出结果为1.
3.另外,附一个创建一个jQuery类的方法,并传入一个对象。
调用方法,并传入一个对象
输出结果为:zzg,10
第一种:为jQuery类或为jQuery本身添加静态方法,该方法隶属于jquery,只能通过jquery调用此方法
$.Hello=function(){
alert("1");
};
等价于
$.extend({
Hello:function(){
alert(1);
}
});
以上两种方式调用时都要通过jquery本身来调用
$.Hello();
输入结果为1.
第二种:为jQuery产生的实例创建方法,调用方法的为jQuery的实例
$.fn.Hello=function(){
alert(1);
}
等价于
$.extend($.fn,{
Hello:function(){
alert(1);
}
});
以上两种方式调用时通过jQuery创建的实例调用
$('').Hello();
输出结果为1.
3.另外,附一个创建一个jQuery类的方法,并传入一个对象。
$.extend({
showPeople:function(people){
alert(people.username);
alert(people.age);
}
});
调用方法,并传入一个对象
$.showPeople({
username:"zzg",
age:10
});
输出结果为:zzg,10