分享一下编写设置和获取颜色的插件，首先我将插件的名字命名为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中滑屏实现----手把手教你如何实现触摸滑屏以及Scroller类详解
			
    前言:  虽然本文标题的有点标题党的感觉,但无论如何,通过这篇文章的学习以及你自己的实践认知,写个简单的滑屏小 Demo还是just so so的. 友情提示: 在继续往下面读之前,希望您对以下知识点 ...
    
			
    2. 
						
  2. 进程控制之vfork函数
			
    vfork函数的调用序列和返回值与fork相同,但两者的语义不同. vfork用于创建一个新进程,而新进程的目的是exec一个新程序.vfork和fork一样都创建一个子进程,但是它并不将父进程的地址 ...
    
			
    3. 
						
  3. schedule
			
    cocos2d-x(时间调度) 在游戏中,时常需要隔一段时间更新一些数据或者是人物位置,Cocos2D-x 中提供了这些时间调度的函数,所有CCNode 类的子类都有这样的函数. schedule(s ...
    
			
    4. 
						
  4. linux启动的过程
			
    总结一下,linux的开机整个流程. · 1: 启动电源后,主机第一步先做的就是查询BIOS(全称:basic input/output system 基本输入输出系统)信息.了解整个系统的硬件状态, ...
    
			
    5. 
						
  5. jsp----在jsp中写java代码（变量和函数方法）
			
    <%@page import="java.text.SimpleDateFormat"%><%@page language="java" im ...
    
			
    6. 
						
  6. Yii框架页面运行流程
			
    Yii框架页面运行流程 CComponent | CModel | CActiveRecord.CFormModel(所有模型的父类) | 表名.php(模型) | 入口文件------------- ...
    
			
    7. 
						
  7. Integer跟int的区别（备份回忆）
			
    int与Integer的区别 int 是基本数据类型Integer是其包装类,注意是一个类.为什么要提供包装类呢???一是为了在各种类型间转化,通过各种方法的调用.否则 你无法直接通过变量转化.比如, ...
    
			
    8. 
						
  8. 3d max地形建造
			
    这里来记录一下max里面建造一个地形. 1.创建一个平面,调节平面的属性,包括长宽,和分段 2.然后建造一个道路 然后选择样条线工具,调节线条的轮廓. 3.使用合并工具,将线条和地面进行合并成为一个物 ...
    
			
    9. 
						
  9. 解决Android Studio启动速度慢的问题。避免每次启动Android Studio都要fetching Android sdk compoment information。
			
    Android Studio每次启动都要去fetching sdk,由于Android sdk 官网在大陆连不上,所以每次启动时界面都会停在那里很久. 解决办法就是设置取消每次fetching sdk ...
    
			
    10. 
						
  10. 《Think in Java》读书笔记一：对象
			
    一.抽象过程 Alan Kay曾经总结了第一个成功的面向对象语言.同时也是Java所基于的语言之一的SmallTalk的五个基本特性,这些特性表现了一种纯粹的面向对象程序设计方式: 1.万物皆为对象. ...
    
			
    11.