zoukankan      html  css  js  c++  java
  • 装饰模式、扩展模式

    装饰模式
    在不改变源码的情况下,对某个对象添加或修改指定的方法或属性。
    一般需要开放一个接口用于对对象的修改。

    当原有的属性和方法不能满足现在的需求时才会进行添加或修改(进行装饰)
    也可以叫扩展模式。

    $.extend(目标对象,json格式)
    将json格式中的属性及方法 添加到目标对象上去,以达到对目标对象扩展的目的。
    原有的属性和方法已经能满足大部分的需求,各别需求则可以使用装饰模式进行扩展。

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title></title>
    </head>
    <body>
    <p>呵呵哒</p>
    <p>呵呵哒</p>
    <p>呵呵哒</p>
    <p>呵呵哒</p>

    <h1>1</h1>
    <h2>2</h2>
    <h3>3</h3>
    <h4>4</h4>
    <h5>5</h5>
    <h6>6</h6>
    </body>
    <script src="jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">

    //1.获取一个jq对象

    var p = $('p');

    //2.通过jq开放的接口对指定的对象扩展新的方法

    $.extend($.fn,{

    rect:function(){

    //this就是jq对象

    $.each(this, function(i) {

    $(this).css({100,height:100,background:'pink'})

    });

    }

    });

    p.rect();

    $('h1,h2,h3').rect();








    </script>
    </html>
  • 相关阅读:
    将CSV格式的文件导入到数据中
    查询及删除数据重复记录的方法
    创建job
    存储过程动态创建表,以时间给表命名
    索引表空间
    sequence 作为序列插入值不是第一个
    2.类(对象)之间的关系
    1.类和对象
    angularJS1笔记-(1)-多控制器
    angularJS中$apply()方法详解
  • 原文地址:https://www.cnblogs.com/shuaishuaidejun/p/6579746.html
Copyright © 2011-2022 走看看