【原】jQuery编写插件
生活随笔
收集整理的這篇文章主要介紹了
【原】jQuery编写插件
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
分享一下編寫設置和獲取顏色的插件，首先我將插件的名字命名為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!測試沒問題，全部完成。做這篇分享只是為了分享一下如何實現編寫插件的整個過程
?
轉載于:https://www.cnblogs.com/wswq/p/6262557.html
總結
以上是生活随笔為你收集整理的【原】jQuery编写插件的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 太阳跟踪装置系统设计与制作
- 下一篇： ubuntu下查看USB摄像头参数以及摄