我要评论jquery自定义了jquery.extend()和jquery.fn.extend()方法.其中jquery.extend()方法能够创建全局函数或者选择器,而jquery.fn.extend()方法能够创建jquery对象方法.
例如:
. 代码如下:
jquery.extend({
showname : function(name){
alert(name)
}
});
jquery.showname("深蓝");
jquery.extend()除了可以创建插件外,还可以用来扩展jquery对象.
例如:
. 代码如下:
var a = {
name : "blue",
pass : 123
}
var b = {
name : "red",
pass : 456,
age : 1
}
var c = jquery.extend({},a,b);
c拥有a,b对象的属性,由于,b对象在a对象之后,其name属性优先在c对象里.
jquery.extend()方法为插件传递系列选项,包括默认值.
. 代码如下:
function fn(options){
var options = jquery.extend({ //默认参数选项列表
name1 : value1,
name2 : value2,
name3 : value3
},options); //使用函数的参数覆盖或合并到默认参数选项列表中
//函数体
}
fn({ name1 : value3, name2 : value2 , name3 : value1 });//使用新值
fn({ name4 : value3, name5 : value2 });//在默认上添加新选项
fn(); //保持默认选项值
当在调用该方法时,传递新的参数值,就会覆盖掉默认的参数选项值,否则,使用默认参数值.
使用jquery.fn对象创建jquery对象方法
可以通过jquery.fn对象来添加属性和方法,实际上jquery.fn对象就是挂接在jquery.prototype上的,jquery把它简写了.
fn 是什么东西呢。查看jquery代码，就不难发现。
. 代码如下:
jquery.fn = jquery.prototype = {
init: function( selector, context ) {//....
//......
};
原来 jquery.fn = jquery.prototype.对prototype肯定不会陌生啦。
例如:
. 代码如下:
jquery.fn.test = function(){
alert("这是jquery对象方法!");
}
jquery("p").click(function(){
$(this).test(); //在当前的jquery对象上调用test()方法
});
我们可以调用jquery.fn.extend()方法来创建jquery对象方法.
. 代码如下:
jquery.fn.extend({
test : function(){
return this.each(function(){
alert(this.nodename)
});
}
});
jquery("body *").click(function(){
$(this).test(); //调用jquery对象方法
});
一句话:jquery.extend是对jquery类的自定义扩展,jquery.fn.extend是对jquery对象的自定义扩展.
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的，请 点击进行留言回复，万千网友为您解惑！
网友评论