`
feitu_jeff
  • 浏览: 42752 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jquery插件1.

阅读更多

1. 拓展对象(设置默认值)

var settings = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
jQuery.extend(settings, options);

 2. 拓展jquery方法

jQuery.extend({
  min: function(a, b) { return a < b ? a : b; },
  max: function(a, b) { return a > b ? a : b; }
});

 3. 扩展 jQuery 元素集来提供新的方法

jQuery.fn.extend({
  check: function() {
    return this.each(function() { this.checked = true; });
  },
  uncheck: function() {
    return this.each(function() { this.checked = false; });
  }
});

 或

$.fn.XXXXXX = function(options){
		return this.each(function(){ //.....
		});
};

 

 

 4. 实例

(function ($) {
    $.fn.extend({
        //插件名称 - Plugins_XXXX
        Plugins_XXXX: function (options) {

            //参数和默认值
            var defaults = {};

            var options = $.extend(defaults, options);

            return this.each(function () {
                //方法
            });
        }
    });
})(jQuery);

 

 

 

(function($){
	
	$.fn.XXXX = function(options){
		var opts = $.extend({},$.fn.dragDrop.defaults,options);
		return this.each(function(){
		// 方法
		});
	};
	//默认配置
	$.fn.XXXX.defaults = {k1:v1};
})(jQuery);

 

 

 

 

$.fn.XXXX = function(settings){
	var options = {k1:v1};
	settings = settings || {};
	$.extend(options, settings);
	return this.each(function(){ 
		//初始化方法
	});
};

$.XXXX = 
{
	YYY : function()
	{
		
	}
}

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics