最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

jQuery編寫設(shè)置和獲取顏色的插件

 更新時(shí)間：2017年01月09日 15:24:07   作者：依然仰望  
本文主要分享了編寫設(shè)置和獲取顏色的插件，該插件用來實(shí)現(xiàn)兩個(gè)功能：1.設(shè)置元素的顏色;2.獲取元素的顏色。 具有一定的參考價(jià)值，下面跟著小編一起來看下吧

分享一下編寫設(shè)置和獲取顏色的插件，首先我將插件的名字命名為jquery.color.js。

該插件用來實(shí)現(xiàn)以下兩個(gè)功能

  1. 設(shè)置元素的顏色。
  2. 獲取元素的顏色。

先在搭建好如下編寫插件的框架：

;(function($){
 //這里編寫插件代碼
})(jQuery);

我這里采用jQuery.fn.extend().這種方法來編寫，代碼如下：

;(function($){
 $.fn.extend({
 "color":function(value){
 //這里寫插件代碼
 }
 });
})(jQuery);

這個(gè)方法可里面有一個(gè)value.參數(shù)，當(dāng)給color().這個(gè)傳入了參數(shù)那么就用來設(shè)置color.值，不傳參數(shù)就是獲取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>

測試結(jié)果如下圖:

OK!測試沒問題，全部完成。做這篇分享只是為了分享一下如何實(shí)現(xiàn)編寫插件的整個(gè)過程

以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時(shí)也希望多多支持腳本之家！

相關(guān)文章

最新評(píng)論

仁寿县| 弥勒县| 南投县| 兴义市| 准格尔旗| 资溪县| 封丘县| 杭州市| 肇东市| 连云港市| 陵川县| 安泽县| 长沙市| 阜阳市| 江源县| 左贡县| 汉源县| 吉林省| 义乌市| 呈贡县| 延津县| 呼图壁县| 巧家县| 锡林郭勒盟| 全南县| 凌源市| 安岳县| 侯马市| 菏泽市| 高雄市| 万山特区| 三亚市| 沅陵县| 霍城县| 乾安县| 黑山县| 龙门县| 府谷县| 苍南县| 田阳县| 施秉县|