做刷机网站赚钱吗,缪斯设计集团,企业网站开发视频,广东东莞直播基地分享一下编写设置和获取颜色的插件#xff0c;首先我将插件的名字命名为jquery.color.js。该插件用来实现以下两个功能1.设置元素的颜色。2.获取元素的颜色。 先在搭建好如下编写插件的框架#xff1a; ;(function($){//这里编写插件代码
})(jQuery); 我这里采用jQuery.fn.ex… 分享一下编写设置和获取颜色的插件首先我将插件的名字命名为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(valueundefined){return this.css(color);}else{return this.css(color,value);}}});
})(jQuery); 最后我们来测试一下 body
script$(function(){alert($(#div1).color());$(#div2).color(#333);});
/scriptdiv iddiv1 stylecolor:blueblue/divdiv iddiv2 stylecolor:#ccc#ccc/div
/body 测试结果如下图: OK!测试没问题全部完成。做这篇分享只是为了分享一下如何实现编写插件的整个过程 转载于:https://www.cnblogs.com/wswq/p/6262557.html
