分享一下编写设置和获取颜色的插件，首先我将插件的名字命名为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. Android动态加载技术初探
			
    一.前言: 现在,已经有实力强大的公司用这个技术开发应用了,比如淘宝,大众点评,百度地图等,之所以采用这个技术,实际上,就是方便更新功能,当然,前提是新旧功能的接口一致,不然会报Not Found等错 ...
    
			
    2. 
						
  2. 用mac自带的safari浏览器下载excel文件后面自带了.exe后缀
			
    将 Content-Type 设为 application/vnd.ms-excel
    
			
    3. 
						
  3. 路径MTU
			
    数据在以太网中的传输有长度有一个限制,其最大值一般情况下是1500字节.链路层的这个特性叫作MTU,也就是最大传输单元.不同类型的网络会有所不同的.如果IP层有一个数据报要传输,而且数据的长度比链路层 ...
    
			
    4. 
						
  4. Java基础知识强化之IO流笔记49：IO流练习之 复制指定目录下指定后缀名的文件并修改名称的案例
			
    1. 复制指定目录下指定后缀名的文件并修改名称的案例     需求:复制指定目录下的指定文件,并修改后缀名.  • 指定的文件是:.java文件.     • 指定的后缀名是:.jad     • 指 ...
    
			
    5. 
						
  5. Android_Intent_passValueForResult
			
    当SecondActivity需要回传参数时:1. MainActivity启动SecondActivity时需要调用startActivityForResult() 并定义请求码2. SecondA ...
    
			
    6. 
						
  6. Java 并发——多线程基础
			
    Thead类与Runnable接口 Java的线程,即一个Thread实例. Java的线程执行过程有两种实现方式: 子类继承Thread类,并且重写void run()方法. 自定义类实现Runna ...
    
			
    7. 
						
  7. java编写一个端口扫描器
			
    好久没写java了,学的时候,也没学习网络编程这一块,无意中看到了一本书,于是小小复习一下java,写个端口扫描器,玩玩吧,网上这种小公具有的是,就是自己无聊写着玩玩. 源代码如下: 共两个类,比较简 ...
    
			
    8. 
						
  8. ios Objective-C的动态特性
			
    这是一篇译文,原文在此,上一篇文章就是受这篇文章启发,这次干脆都翻译过来. 过去的几年中涌现了大量的Objective-C开发者.有些是从动态语言转过来的,比如Ruby或Python,有些是从强类型语 ...
    
			
    9. 
						
  9. Spring Boot应用的健康监控
			
    在之前的系列文章中我们学习了如何进行Spring Boot应用的功能开发,以及如何写单元测试.集成测试等,然而,在实际的软件开发中需要做的不仅如此:还包括对应用程序的监控和管理. 正如飞行员不喜欢盲目 ...
    
			
    10. 
						
  10. 升级Capitan 10.11以后CocoaPod 无效解决办法
			
    今天发现升级10.11的系统以后执行 pod install 的时候报错 zsh: command not found: pod 解决方法如下: 1.检查gem 的数据源 gem sources -l ...
    
			
    11.