<!DOCTYPE html>

<html>

<head>

    <title></title>

</head>

<body>

<script>

//据说这就是组合模式了，就是逸带的感觉;

var $ = jQuery = window.$ = function(){};

$.prototype = {

    addClass : function(value){

        var classNames, i ,l , elem, setClass, c, cl;

        if( $.ifFunction(value) ){

            return $.each(this,function(j){

                $(this).addClass( value.call(this,j,this.ClassName) );

            })

        };

        if(value && typeof value === "string"){

            className = this.className.split(/\b/);

            for(var i=0, l=this.length; i<l; i++){

                elem = this[i]; //这个就是又一个each循环了;

                if(elem.nodeType === 1){

                    if( !elem.className && className.length === 1 ){

                        elem.className = value;

                    }else{

                        setClass = " " + elem.className + " ";

                        for(c=0, cl=className.length; c<cl; c++){

                            if( !!setClass.indexOf( className[c] ) ){

                                setClass += className[c] + " ";

                            }

                        };

                        setClass += value;

                        elem.calssName = $.trim( setClass );

                    }

                }

            }

        };

        return this;

    }

};

//facade__外观模式;

$.ajax  = function(){

};

$.ajax.setting.xhr = window.ActiveXObject ? activeObject() : createStndardXHR();

function createStandardXHR(){

    try{

        return new window.XMLHttpRequest;

    }catch(e){};

};

function activeXObject(){

    try{

        return new window.activeXObject("Microsoft","XMLHTTP");

    }catch(e){}

};

//jQ中的观察者模式（p/s）;

//使用包装包装一个jQ出来;

(function($){

    var o = $({}); // 让o有了jq的继承，可以使用jq的工具方法和函数

    $.subscribe = function(){

        o.bind.apply(o,arguments);

    };

    $.unsubscribe = function(){

        o.unbind.apply(o,arguments)

    };

    $.publish = function(){

        o.trigger.apply(o,arguments)

    }

}(jQuery))

// 注意：这里面使用的是ａｐｐｌｙ　而不是　ｃａｌｌ；　ａｐｐｌｙ可以直接传ａｒｇｕｍｅｎｔｓ;

</script>

</body>

</html>

JS模式：jq中简单的模式--》采摘自js设计（tomxu_version）的更多相关文章

  1. 《JAVA与模式》之简单工厂模式

    在阎宏博士的<JAVA与模式>一书中开头是这样描述简单工厂模式的:简单工厂模式是类的创建模式,又叫做静态工厂方法(Static Factory Method)模式.简单工厂模式是由一个工厂 ...

  2. Java设计模式之【工厂模式】（简单工厂模式，工厂方法模式，抽象工厂模式）

    Java设计模式之[工厂模式](简单工厂模式,工厂方法模式,抽象工厂模式) 工厂模式出现的原因 在java中,创建一个对象最简单的方法就是使用new关键字.但在一些复杂的业务逻辑中,创建一个对象不只需 ...

  3. 商场促销-策略模式（和简单工厂模式很像的哇） C#

    还是那几句话: 学无止境,精益求精 十年河东,十年河西,莫欺少年穷 学历代表你的过去,能力代表你的现在,学习代表你的将来 废话不多说,直接进入正题: 首先按照大话设计模式的解释,在这里也总结下策略模式 ...

  4. 【JS设计模式】温习简单工厂模式、工厂方法模式、抽象工厂模式概念

    注:空心箭头表示的是种继承关系,工厂类和产品类之间是一种依赖关系.是用箭头加虚线表示的,以下的模型图是用的实线是不正确(时间不够用,在这里我偷懒了.这个习惯不好,呵呵) 简单工厂模式(Simple F ...

  5. PHP中“简单工厂模式”实例讲解

    原创文章,转载请注明出处:http://www.cnblogs.com/hongfei/archive/2012/07/07/2580776.html 简单工厂模式:①抽象基类:类中定义抽象一些方法, ...

  6. js原生设计模式——3简单工厂模式\简单工厂模式封装简单对象

    1.Factory基本写法 <!DOCTYPE html><html lang="en"><head>    <meta charset= ...

  7. PHP中“简单工厂模式”实例讲解（转）

      ? 1 2 3 4 5 6 7 8 原创文章,转载请注明出处:http://www.cnblogs.com/hongfei/archive/2012/07/07/2580776.html   简单 ...

  8. c#中简单工厂模式

    运算类 public class yunsuan { public static operation create(string operate) { operation oper = null; s ...

  9. python 设计模式之工厂模式 Factory Pattern (简单工厂模式，工厂方法模式，抽象工厂模式)

    十一回了趟老家,十一前工作一大堆忙成了狗,十一回来后又积累了一大堆又 忙成了狗,今天刚好抽了一点空开始写工厂方法模式 我看了<Head First 设计模式>P109--P133 这25页 ...

随机推荐

  1. 第一次使用Android Studio时你应该知道的一切配置（二）：新建一个属于自己的工程并安装Genymotion模拟器

    [声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/4 ...

  2. uGUI VS NGUI

    前言 这篇日志的比较是根据自己掌握知识所写的,请各路大神多多指教. 引擎版本: Unity 4.6 beta 两者区别 1.uGUI的Canvas 有世界坐标和屏幕坐标 2.uGUI的Button属性 ...

  3. mysql怎么查询前10条数据？

    mysql 没有top的用法.取而代之的是limit语法为:limit m,n省略n就可以得到你要的效果了. select * from table1 order by column desc  li ...

  4. 用CSS3实现上下左右箭头

    225deg 向上箭头 135deg向下箭头45deg向右箭头 -45deg向左箭头

  5. CSS3中的字体rem

    rem和em都是相对单位,em相对父元素的font-size来计算,而rem是根据文档根元素(html)的font-size大小来计算的 通常将html的字体大小设为62.5%(等于10px),当然也 ...

  6. table标签去除默认边框

    table去除默认边框 1.在没有出去默认边框时,改变底部颜色,依然显示1px左右的白色边框 2.为table 加上 border="0" cellpadding="0& ...

  7. poj 1458 Common Subsequence

    Common Subsequence Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 46387   Accepted: 19 ...

  8. 抓包排错-tcp.flags.reset

      一 排查思路: 1,了解协议运作过程 2,抓包 最小化原则 对比法 二 案例 微信连wifi问题: 不同地区的微信服务器的地址可能不同. 当出现认证问题: 1,不能跳转,点了按钮没反应 2,打开后 ...

  9. Redmine 项目管理工具----完全攻略

    摘要: 此篇博客涉及 安装,插件修改,插件安装,代码显示,中文乱码,SVN配置等内容,几乎覆盖所有redmine基本功能. 本机环境: Redmine 版本: 3.2.0 本机环境: win7 64位 ...

  10. 如何配置CentOS或者RedHat5.X、6.X、7.X的网络yum源

    第一步:找到一个可靠的yum源 中科大帮助:https://lug.ustc.edu.cn/wiki/mirrors/help/centos源:http://mirrors.ustc.edu.cn/c ...