jQuery编写插件来设置和获取颜色

共享设置和获取颜色的插件。首先，我将插件命名为jquery.color.js

该插件用于实现以下两个功能

设置元素的颜色。获取元素的颜色。首先，为编写插件构建以下框架：

；(函数($){ //这里写插件代码})(jQuery)；我使用jQuery.fn.extend()。代码如下：

；(function($){ $ . fn . extend({ ' color ' : function(value){//在此处写入插件代码} })；})(jQuery)；有一个价值。参数，该参数用于设置颜色的值。如果传入参数，则在未传入参数的情况下获得color()的值。代码如下：

；(function($){ $ . fn . extend({ ' color ' : function(value){ if(value==undefined){ return this . CSS(' color ')；} else{返回this.css('color '，value)；} } });})(jQuery)；最后，让我们测试一下：

body script $(function(){ alert($(' # div 1 '))。color())；$('#div2 ')。颜色(' # 333 ')；});/script div id=' div 1 ' style=' color : blue ' blue/div id=' div 2 ' style=' color : # CCC ' # CCC/div/body测试结果如下图3360所示

好的！测试还行，都做完了。这个分享只是分享如何实现编写插件的全过程

以上就是本文的全部内容。希望本文的内容能给大家的学习或工作带来一些帮助，也希望多多支持我们！