thinkPHP5 ACL用戶權限模塊用法詳解
707
2024-01-11
分享一下編寫設置和獲取顏色的插件，首先我將插件的名字命名為jquery.color.js。
該插件用來實現以下兩個功能
設置元素的顏色。 獲取元素的顏色。先在搭建好如下編寫插件的框架：
;(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!測試沒問題，全部完成。做這篇分享只是為了分享一下如何實現編寫插件的整個過程
以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持綠夏網！
