jquery插件的几种写法自己总结的-CSDN博客

本文链接：https://blog.csdn.net/yenairong/article/details/84699486

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-1.11.2.js"></script>
</head>
<body>


<script type="text/javascript">
(function($){
	//$.qq是一个全局的函数
	$.qq = function(options){
		var opt = $.extend({},$.fn.defaults,methods,options);
		
		opt.show("gg");
	}; //注意一定是;分号，不能是逗号
	
	
	
	//这种是JS的方式。它等同于，如果用jquery的方式，则是这样 $.fn.methods
        //它   var methods = $.fn.method
	var methods = {
		mess:"good good study ",
		 show:function(mess){
			 $("body").append("<div >"+mess+"</div>");
		 },
		
	};
	
	//使用$.fn的可以直接调用,也可以用 var defaults = {//省略下面的代码...}
	 $.fn.defaults = {
		border:"1px solid red",
		width:150,
		height:150,
		message:"goood",
		callback:function(ok){
			alert(ok);
			//$(body).append();
		}
	};
	
	//直接在Jquery类里面添加方法，类似于ajax,和$.qq一样
	$.loading = function(){
		alert("eee");
	};
	
	
	
	$.fn.ye = function(){
		alert("我是一个全局的函数哦yee");
	}
	
	//使用$.fn方式的全局函数
	$.fn.ye.method = function(){
		alert("qqq");
	}
	
	
	/* var method = function(option){
		var options = $.extend({},defaults,option);
	} */
	
})(jQuery);


</script>

<script type="text/javascript">
//全局的函数。在jquery里面直接添加类的方法
	$.foo = function(){
		alert("goo");
	}


	$.fn.foo = function(){
		alert("我是一个全局的函数哦foo");
	}
</script>

<script type="text/javascript">
$(function(){
	//$.qq();
	
	//$.fn.defaults.callback(true);
	
	//$.loading();
	
	//$.fn.ye();
	
	
	//调用第二个script块的插件
	//$.foo({});
	$.fn.foo();
})

</script>

</body>
</html>