jQuery插件开发

1、类级别的插件开发

开发如$.get(),$.post的函数

 

方式一：

jQuery.myFun1 = function() {    
	alert('This is a test. This is only a test.');   
};   
jQuery.myFun2 = function(param) {    
	alert('This function takes a parameter, which is "' + param + '".');   
};    
//调用   
$.myFun1();
$.myFun2("test param");

方式二：

jQuery.extend({       
	myFun1: function() {       
		alert('This is a test. This is only a test.');       
	},       
	myFun2: function(param) {       
		alert('This function takes a parameter, which is "' + param +'".');       
	}      
});   
	//调用   
	$.myFun1();
	$.myFun2("test param");

 

2、对象级别的插件开发

开发如$("div").click()的函数

jQuery.fn.extend({       
	myFun1: function() {       
		alert('This is a test. This is only a test.');       
	},       
	myFun2: function(param) {       
		alert('This function takes a parameter, which is "' + param +'".');       
	}      
});   
//调用   
$(function(){
	$("div").myFun1();
	$("div").myFun2("test param");
});

 

如果需设置选项：

 

jQuery.fn.myFun1=function(options){
	var setting={
		srcTag: "back_src"
	};
	if(options){
		$.extend(setting,options);
	};
	alert(setting.srcTag);
	
};
//调用 	
$(function(){
	$("div").myFun1();
	$("div").myFun1({srcTag:"my_src"});
});