jQuery自定义插件
jQuery是一个功能强大的库,提供了开发JavaScript项目所需的所有核心函数。然而,有时候我们还是需要使用自定义代码来扩展这些核心函数来提高开发效率。
jQuery库是为了加快JavaScript的开发速度而设计的,通过简化编写JavaScript的方式,减少代码量。
jQuery编写插件有两种方式
1.添加jQuery对象级别的插件,原理是给jQuery类添加方法。
写法如下:
函数名:function(自定义参数){
//自定义插件代码部分
}
});
})(jQuery);
//第二种写法
(function($){
$.fn.函数名=function(自定义参数){
//自定义插件代码
}
})(jQuery);
写法如下:
函数名:function(自定义参数){
//自定义插件代码
}
});
})(jQuery);
//第二种写法
(function($){
$.函数名=function(自定义参数){
//自定义插件代码
}
})(jQuery);
jQuery插件的种类
1.对象级别插件开发,即给jQuery对象添加方法,封装对象方法的插件,例如:append()、val()。 2.类级别插件开发,即给jQuery添加全局函数,相当于给类本身添加方法,例如:$.ajax();
jQuery的插件机制
1. jQuery.fn.extend(object),给jQuery对象添加方法。
2. jQuery.extend(object),给jQuery类添加方法。
这两个方法接收的参数都是一个对象,类型为Object,Object里面的”名/值”分别对应”函数名/函数主体”。
fn是什么
查看jQuery源码:
从源码中查看,可以得出:
添加成员函数。