jQuery.fn.myPlugin = function(){
//你自己的插件代码
};
( ($) {
$.fn.myPlugin = () {
};
})(jQuery);
( ($) {
$.fn.myPlugin = () {
此处没有必要将this包在$号中如$(this)，因为this已经是一个jQuery对象。
$(this)等同于 $($('#element'));
this.fadeIn('normal', () {
此处callback函数中this关键字代表一个DOM元素
});
};
})(jQuery);
$('#element').myPlugin();
( ($) {
$.fn.maxHeight = var max = 0;
this.each( () {
max = Math.max(max,$(this).height());
});
return max;
};
})(jQuery);
var tallest = $('div').maxHeight(); 返回高度最大的div元素的高度
( ($) {
$.fn.lockDimensions = (type) {
return var $this = $();
if (!type || type == 'width') {
$this.width($.width());
}
if (!type || type == 'height'this.height($.height());
}
});
};
})(jQuery);
$('div').lockDimensions('width').CSS('color','red');
( ($) {
$.fn.tooltip = (options) {
创建一些默认值，拓展任何被提供的选项
var settings = $.extend({
'location': 'top','background-color': 'blue'
},options);
Tooltip插件代码
});
};
})(jQuery);
$('div').tooltip({
'location': 'left'
});
( (options) {
this
};
$.fn.tooltipShow = () {
is
};
$.fn.tooltipHide = bad
};
$.fn.tooltipUpdate = (content) {
!!!
};
})(jQuery);
( ($) {
var methods = {
init: (options) {
},show: () {
good
(content) {
}
};
$.fn.tooltip = (method) {
方法调用
if (methods[method]) {
return methods[method].apply(this,Array.prototype.slice.call(arguments,1));
} else if (typeof method === 'object' || !method) {
return methods.init.apply(else {
$.error('Method' + method + 'does not exist on jQuery.tooltip');
}
};
})(jQuery);
调用init方法
$('div').tooltip();
).tooltip({
foo: 'bar'
});
调用hide方法
$('div').tooltip('hide');
调用Update方法
$('div').tooltip('update','This is the new tooltip content!');
(($) {
/* plugin goes here */
})(jQuery);
服务热线 19970861797
