分享一下编写设置和获取颜色的插件，首先我将插件的名字命名为jquery.color.js。该插件用来实现以下两个功能1.设置元素的颜色。2.获取元素的颜色。

先在搭建好如下编写插件的框架：

;(function($){

    //这里编写插件代码

})(jQuery);

我这里采用jQuery.fn.extend().这种方法来编写，代码如下：

;(function($){

    $.fn.extend({

        "color":function(value){

            //这里写插件代码

        }

    });

})(jQuery);

这个方法可里面有一个value.参数，当给color().这个传入了参数那么就用来设置color.值，不传参数就是获取color().值。代码如下：

;(function($){

    $.fn.extend({

        "color":function(value){

            if(value==undefined){

                return this.css('color');

            }

            else{

                return this.css('color',value);

            }

        }

    });

})(jQuery);

最后我们来测试一下：

<body>

<script>

    $(function(){

        alert($('#div1').color());

        $('#div2').color('#333');

    });

</script>

    <div id="div1" style="color:blue">blue</div>

    <div id="div2" style="color:#ccc">#ccc</div>

</body>

测试结果如下图:

OK!测试没问题，全部完成。做这篇分享只是为了分享一下如何实现编写插件的整个过程

												


											
【原】jQuery编写插件的更多相关文章
	

    
						
  1. jquery编写插件
		
    jquery编写插件的方法    版权声明:作者原创,转载请注明出处! 编写插件的两种方式: 1.类级别开发插件(1%) 2.对象级别开发(99%) 类级别的静态开发就是给jquery添加静态方法,三 ...
    
		
    2. 
						
  2. javascript&&jquery编写插件模板
		
    javascrpt插件编写模板 这里不分享如何编写插件,只留一个框架模板,使用面向对象的形式进行编写,方便管理 ;(function(window,document){ function FnName ...
    
		
    3. 
								
  3. jquery编写插件的方法
		
     版权声明:作者原创,转载请注明出处! 编写插件的两种方式: 1.类级别开发插件(1%) 2.对象级别开发(99%) 类级别的静态开发就是给jquery添加静态方法,三种方式 1.添加新的全局函数 2 ...
    
		
    4. 
						
  4. 再谈：jquery编写插件的方法
		
    版权声明:作者原创,转载请注明出处! 编写插件的两种方式: 1.类级别开发插件(1%) 2.对象级别开发(99%) 类级别的静态开发就是给jquery添加静态方法,三种方式 1.添加新的全局函数 2. ...
    
		
    5. 
						
  5. 两个jquery编写插件实例
		
    (1) 封装基于jq弹窗插件   相信码友们对于$.fn.extexd();$.extend()以及$.fn.custom和$.custom都有一定的了解:我阐述一下我自己对于$.fn.custom和 ...
    
		
    6. 
						
  6. jquery编写插件（转）
		
    教你开发jQuery插件(转)   阅读目录 基本方法 支持链式调用 让插件接收参数 面向对象的插件开发 关于命名空间 关于变量定义及命名 压缩的好处 工具 GitHub Service Hook 原 ...
    
		
    7. 
						
  7. jQuery编写插件--封装全局函数的插件（一些常用的js验证表达式）
		
    上一篇写到了jQuery插件的3种类型,介绍了第一种类型的写法--封装jQuery对象的方法插件.这一篇要介绍第二种插件类型:封装全局函数的插件:这类插件就是在jQuery命名空间内部添加函数:这类插 ...
    
		
    8. 
						
  8. jquery 编写插件入门
		
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <sc ...
    
		
    9. 
						
  9. 用jquery编写的分页插件
		
    用jquery编写的分页插件 源码 function _pager_go(total_page) { var page_str = $("#_pager_textbox").val ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. G++ 教程（转）
			
    简介      gcc and g++分别是GNU的c & c++编译器 gcc/g++在执行编译工作的时候,总共需要4步  1.预处理,生成.i的文件[预处理器cpp]  2.将预处理后的文 ...
    
			
    2. 
						
  2. [React Native] Up and Running
			
    We'll download the requirements for getting started with React Native, refactor our app to ES6, walk ...
    
			
    3. 
						
  3. 【课程分享】基于Lucene4.6+Solr4.6+Heritrix1.14+S2SH实战开发从无到有垂直搜索引擎
			
    对这个课程有兴趣的朋友,能够加我的QQ2059055336和我联系,能够和您分享.  课程介绍:最有前途的软件开发技术--搜索引擎技术  搜索引擎作为互联网发展中至关重要的一种应用,已经成为互联网各个 ...
    
			
    4. 
						
  4. java13  InputStream，Reader
			
    流的方向: .输入流:数据源到程序(InputStream,Reader读进来). .输出流:程序到目的地(OutPutStream,Writer写出来). 处理数据单元: 字节流:按照字节读取数据( ...
    
			
    5. 
						
  5. Memcached启动、关闭参数（摘录）
			
    启动参数注释如下: -p <num>  指定服务TCP端口,默认为11211 -U <num>   指定服务UDP端口  默认11211表示打开,设置0表示关闭 -s < ...
    
			
    6. 
						
  6. 解读Spring Ioc容器设计图
			
    在Spring Ioc容器的设计中,有俩个主要的容器系列:一个是实现BeanFactory接口的简单容器系列,这系列容器只实现了容器最基本的功能:另外一个是ApplicationContext应用上下 ...
    
			
    7. 
						
  7. groupBy
			
    public List groupBy(List list,String flag,String... sortName) throws Exception{ Map<String,List&l ...
    
			
    8. 
						
  8. Jquery Ajax 调用 WebService
			
    原文:http://www.cnblogs.com/andiki/archive/2010/05/17/1737254.html jquery ajax调用webservice(C#)要注意的几个事项 ...
    
			
    9. 
						
  9. linux下神奇的script命令
			
    script 是一个神奇命令,script 能够将终端的会话过程录制下来,然后使用 scriptreplay 就可以将其录制的结果播放给他人观看.script 的好处就在于你在终端中的所有操作.敲过的 ...
    
			
    10. 
						
  10. CSS控制长文本内容显示(截取的地方用省略号代替)
			
    自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,下面介绍的是CSS如何实现处理的方法. 现实中经常出现一些内容比较长的文本,为了使整体布局美观,需要将文本内容控制在一行 ...
    
			
    11.