jQuery Boilerplate是一个不错的jQuery插件开发工具,使用这个工具可以帮助你快速的构建一个jQuery框架。
这个工具提供你很多评论用以帮助你使得开发变得简单和直接,它是个真正的面对对象的工具,你可以实现公开或者私有的方法或者公开或者私有的属性。
jQuery Boilerplate可能并不完全按照jQuery官方的方法去开发插件,它提供了自己的方式通过尽量减少实例的创建来提高性能及其内存使用。
用法:
$(document).ready(function() { // attach the plugin to an element $('#hello').pluginName({'foo': 'bar'}); // call a public method $('#hello').data('pluginName').foo_public_method(); // get the value of a property $('#hello').data('pluginName').settings.foo; })
jQuery Boilerplate:
(function($) { $.pluginName = function(element, options) { var defaults = { foo: 'bar', onFoo: function() {} } var plugin = this; plugin.settings = {} var $element = $(element), element = element; plugin.init = function() { plugin.settings = $.extend({}, defaults, options); // code goes here } plugin.foo_public_method = function() { // code goes here } var foo_private_method = function() { // code goes here } plugin.init(); } $.fn.pluginName = function(options) { return this.each(function() { if (undefined == $(this).data('pluginName')) { var plugin = new $.pluginName(this, options); $(this).data('pluginName', plugin); } }); } })(jQuery);
原文出处:分享一个快速开发jQuery插件工具:jqueryboilerplate
转载于:https://blog.51cto.com/angelajiang/1333868