jQuery插件的编写方法

原创 2015年11月19日 23:24:13
<!doctype html>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Demo</title>
  <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
  <style>
	*{margin:0;padding:0;}
	ul,li{list-style:none;}
	html,body{width:100%; height:100%;}
	div {width: 300px; height: 200px;}
	.d1 {background: red;}
	.d2 {background: blue; display: none;}
	.d3 {background: yellow; display: none;}
  </style>
 </head>
 <body>
	
	<div class="d1">1</div>
	<div class="d2">2</div>
	<div class="d3">3</div>

	<script>

		;(function($) {

			/*类级别开发插件*/
			//直接添加全局函数
			$.popup = function() {
				console.log(1);
			};

			//extend扩展静态方法
			$.extend({
				popup2 : function() {
					console.log(2);
				}
			});

			//命名空间下定义方法
			$.hwb = {
				popup3 : function() {
					console.log(3);
				}
			}
			/*对象级别开发插件*/
			//$.fn.setBgColor模版
			$.fn.setBgColor = function(options) {
				var defaults = {
					num : "a"
				};
				var options = $.extend(defaults, options);//不能加{}
				return this.each(function() {
					$(this).attr("index", defaults.num);
					console.log(defaults.num);
				});
			}
		})(jQuery);

		$(function() {
		
			$.popup();//1

			$.popup2();//2

			$.hwb.popup3();//3

			//$.fn.setBgColor();
			$("div").setBgColor({
				num : "b"
			}).css("background", "black");//b b b
		
		
		})
		


	</script>
 </body>
</html>

版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

JQuery插件编写方法

一:普及JQuery知识 知识1:用JQuery写插件时,最核心的方法有如下两个: $.extend(object) 可以理解为JQuery 添加一个静态方法。 $.fn.extend(object)...

jquery插件编写方法

使用闭包。 面向对象编程 /** * jQuery AIUESuite V0.1 * * author: lixiaopeng * * mail:lixp3@asiainfo-link...

精选:深入理解 Docker 内部原理及网络配置

网络绝对是任何系统的核心,对于容器而言也是如此。Docker 作为目前最火的轻量级容器技术,有很多令人称道的功能,如 Docker 的镜像管理。然而,Docker的网络一直以来都比较薄弱,所以我们有必要深入了解Docker的网络知识,以满足更高的网络需求。

编写jQuery插件

jQuery插件,其实就是通过jQuery的命名空间来调用的方法和函数。 jQuery插件分为三种: 1.通过对象来调用的插件  比如:var obj=$("#hello");obj.plg();...

jQuery插件编写

jQuery插件编写的一些总结

Jquery插件编写

一.简单的例子与教程    来源:http://www.cnblogs.com/JustinYoung/archive/2010/03/30/jquery-chajian.html    大概内容...

jquery 插件编写

当你适应了jQuery,并且想学习怎么写自己的插件,好的,你真是个爱学习的人啊。使用插件和方法来扩展jQuery非常的强大,并且通过抽象你的大部分的聪明的方法到插件中你可以节约大量的开发时间。这篇文章...

jquery 插件编写

如果你看到这篇文章,我确信你毫无疑问会认为jQuery是一个使用简便的库。jQuery可能使用起来很简单,但是它仍然有一些奇怪的地方,对它基本功能和概念不熟悉的人可能会难以掌握。但是不用担心,我下面已...

jquery插件编写

参照公众号”jquery大师“的jquery插件编写分享,在这里做一次转载。 编写jquery插件的方法主要有三种: 1、第一种是最常见的,通过一个简单的jquery函数prototype属性的别...

编写jQuery插件

一、插件的种类        jQuery的插件主要分为三种类型:        1、封装对象方法的插件                 &...

jquery插件编写

写的东西多了,经常写到一些用到的功能,想把原来的代码粘贴过来吧还得改很多变量甚至结构,而且后期想扩展一下功能什么的,也很麻烦,后来果断写成插件的形式,其实写成插件有很多好处,不多说,下面以jquery...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)