1.$.extend()使用
作用:扩展全局的函数
$.extend({
sayHellow:function(pram){
alert(pram+"hellow");
}
})
使用:
$(function({
$.sayHellow();
}))
jQuery.hellow = function() {
alert('hellow ');
};
jQuery.byebye = function(param) {
alert(param + 'byebye ');
};
使用:jQuery.hellow ();jQuery.byebye ('haha');
$.hellow ();$.byebye ('haha');
使用$.extend()扩展多个函数:
jQuery.extend({
hellow: function() {alert('hellow '); },
byebye: function(param) {alert(param + 'byebye ');}
});
使用命名空间:
第一种方法:
jQuery.myPlugin={
hellow: function() {alert('hellow '); },
byebye: function(param) {alert(param + 'byebye ');}
};
使用:
$.myPlugin.hellow();
$.myPlugin.byebye('haha');
第二种方法:
$.extend({myPlugin:{}});
$.extend({$.myPlugin,{
hellow: function() {alert('hellow '); },
byebye: function(param) {alert(param + 'byebye ');}
}})
2.$.fn.extend()使用
作用:扩展的是jquery的实例对象的函数(jquery.fn=jquery.prototype)
$.fn.extend({
sayHellow:function(pram){
alert(pram+"hellow");
}
})
等于:
$.fn.sayHellow = function(pram) {
alert(pram+'hellow');
};
使用:$(" ").sayHellow(pram);
附加:定义了一个jQuery函数,形参是$,函数定义完成之后,把jQuery这个实参传递进去.立即调用执行。这样的好处是,我们在写jQuery插件时,也可以使用$这个别名,而不会与prototype引起冲突.
(function($) {
$.fn.pluginName = function() {
};
})(jQuery);
3.接受参数options控制的插件
$.fn.pulginName = function(options) {
var defaults = {
property1: '',
property2: '' };
var opts = $.extend(defaults, options);
};
调用:
$('#div').hilight({
property2: ''
});
这是一个很不错的博客:http://www.iteye.com/topic/545971