jQuery中的事件扩展机制jQuery.extend()与jQuery.fn.extend()

1.jQuery.extend({

          方法名1 ：function(参数){

                    方法体1；

}，

          方法名2 ：function(参数){

                    方法体2；

}

})；

或者

var object={
                min:function(参数){
                    方法体1;
                },
                max:function(参数){
                   方法体2;
                } };
            jQuery.extend(object);
 

扩展jQuery对象本身，主要是用来扩展jQuery全局函数 。

我们知道 jQuery=$。

所以调用时，直接 $.函数名(参数）。

<script>
    jQuery.extend({
        min :function(a,b){
            renturn a>b?b:a;

        },
        max :function(a,b){
            renturn a>b?a:b;
        }        
});

console.log($.max(1,2));

</script>

//上下两者完全一致。下面是先创建了两个函数对象，接着将其定为jQuery全局函数。 
//   var object={
//				min:function(a,b){
//					return a>b?b:a;
//				}
//				max:function(a,b){
//					return a>b?a:b;
//				}
//			};
//			jQuery.extend(object);
//			console.log($.min(1,2));

这种方法非常方便地构建函数。

---

2.jQuery.fn.extend

({

          方法名1 ：function(参数){

                    方法体1；

}

 

扩展 jQuery 元素集，主要用于扩展jQuery插件，调用时需要先创建jQuery对象，然后才能调用相应的函数。

	<script>
		jQuery.fn.extend({
			values: function(){
				var result="";
				this.each(function(){
					if(this.checked){
						result=result+","+this.value;
					}
					result=result==""?"":result.substring(1);
				});
				
				return result;
			}
		})
		function ch(){
			var result=$("[name='hobby']").values();	
			console.log(result);
		}
		
	</script>

上述代码中 $("[name='hobby']").values(); 就是先调用出了一个jQuery对象，这个对象使用了jQuery.fn.extend()构造出的方法。