js插件开发

最新推荐文章于 2024-05-15 15:15:50 发布

weixin_30321709

最新推荐文章于 2024-05-15 15:15:50 发布

阅读量87

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/beimingbingpo/p/9714494.html

版权

https://www.cnblogs.com/st-leslie/p/5154276.html

我的demo

<body>
    <div class="default">默认的样式</div>
    <div class="default">默认的样式</div>
    <div class="default">默认的样式</div>
    <div class="change">修改后的样式</div>
</body>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="old.js"></script>
<script type="text/javascript">
$(function(){
    var opt = {
        'font-size':"20px"
    }
    $(".default").highLight(opt);
    var t = $(".default").showOptions();
    console.log(t);
})
</script>

(function ($) {
    var defaults = {
        foreground: 'red',
        background: 'yellow'
    }
    var cal = null;
    var Cal=function(ele,opt){
        this.element=ele;
        this.options=$.extend({},defaults,opt);
    }
    //定义对象的方法
    Cal.prototype = {
        init:function() {
            var that = this.options;
            this.element.each(function () {  
                $(this).css({
                    backgroundColor: that.background,
                    color: that.foreground
                });
            });
         },
         getDate:function(){
            return this.options
         }
    };
    $.fn.extend({
        "highLight": function (options) {
            cal=new Cal(this,options);
            cal.init();
        },
        "showOptions":function(){
            console.log(cal.options)
            return cal.getDate();
        }
    });
    
})(jQuery);

转载于:https://www.cnblogs.com/beimingbingpo/p/9714494.html

weixin_30321709

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js插件开发

https://www.cnblogs.com/st-leslie/p/5154276.html我的demo<body> <div class="default">默认的样式</div> <div class="default">默认的样式</div> <div class="defaul...
复制链接

扫一扫