分享一下编写设置和获取颜色的插件，首先我将插件的名字命名为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. Java中字符流与字节流的区别
			
    字符流处理的单元为2个字节的Unicode字符,分别操作字符.字符数组或字符串,而字节流处理单元为1个字节,操作字节和字节数组.所以字符流是由Java虚拟机将字节转化为2个字节的Unicode字符为单 ...
    
			
    2. 
						
  2. tcp_tw_reuse 与  net.ipv4.tcp_tw_recycle
			
    最近发现几个监控用的脚本在连接监控数据库的时候偶尔会连不上,报错: Couldn't connect to host:3306/tcp: IO::Socket::INET: connect: Cann ...
    
			
    3. 
						
  3. careercup-树与图 4.2
			
    4.2 给定有向图,设计一个算法,找出两个结点之间是否存在一条路径. 解答 根据题意,给定一个有向图和起点终点,判断从起点开始,是否存在一条路径可以到达终点. 考查的就是图的遍历,从起点开始遍历该图, ...
    
			
    4. 
						
  4. Mysql 数据库 操作语句
			
    mysql 格式语句规范 如何登陆你的数据库? 举例! 如果你的是 编译安装的花 那就得去编译安装后的那个目录中去,我的是安装到/usr/local/mysql 下登陆数据库:cd /usr/loca ...
    
			
    5. 
						
  5. day-3
			
    /* 快noip了!!!感觉还有好多事要做 上午考试 原题没做 自己找了套题 挺水的 T1模拟(然而没认真读题 90) T2 dp+简单优化 数据有点问题 T3 暴力状丫 然而写丑了 60分的要两秒多 ...
    
			
    6. 
						
  6. NChome如何创建单据跟主子表还有扩展开发要怎么弄？
			
    单据表跟主子表笔记做在笔记本里面 扩展开发在网络备份里面
    
			
    7. 
						
  7. MyFramework框架搭建（一）DAL层
			
    一直以来有一个想法,搭建一个属于自己的框架,将自己学到的东西整合到框架里,不断的完善,让它随着我的成长而成长,下面介绍我第一阶段的总结:DAL层搭建 一.基础配置 1.我用的是Ibatis.net框架 ...
    
			
    8. 
						
  8. Asp.Net部分面试题
			
    HTML.javascript部分 1. jQuery的美元符号$有什么作用? 答:个人理解:$指代jquery对象,拥有jquery对象所有的属性和成员 网友理解:在Jquery中,$是JQuery ...
    
			
    9. 
						
  9. 时间处理总结（三）javascript与WCF
			
    1.WCF提交时间时,若需接受DateTime需转换为"\/Date(928120800000+0800)\/"这种格式 var DateToJson = function (js ...
    
			
    10. 
						
  10. struts2自定义类型转换器
			
    首先,何为struts2的类型转换器? 类型转换器的作用是将请求中的字符串或字符串数组参数与action中的对象进行相互转换. 一.大部分时候,使用struts2提供的类型转换器以及OGNL类型转换机 ...
    
			
    11.