<!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. 【ASP.NET 进阶】无刷新上传图片之一：利用一般处理程序

    效果图: 源代码地址:https://github.com/YeXiaoChao/UploadThePic

  2. ZBrush中的Clip剪切笔刷怎么快速运用

    Clip剪切笔刷可以对模型网格进行剪切操作,也可以叫做剪切笔刷.接下来看一下Clip切割笔刷在ZBrush中是如何使用的. 查看更多内容请直接前往:http://www.zbrushcn.com/ji ...

  3. MYSQL密码设置

    当MYSQL安装成功后,root用户的密码默认是空的,有三种方式可以重新设置root账号的密码 1.用root 进入mysql后 mysql>set password =password('你的 ...

  4. smarty中foreach的用法举例

  5. 获取一个字符串Hello world中world首次出现的位置

    获取一个字符串Hello world中world首次出现的位置 var str=“Hello world!” document.write(str.indexOf("world") ...

  6. f2fs解析（六）

    f2fs中有对一个bitmap进行操作的函数,感觉很巧妙,和大家分享一下: 1333 static inline void f2fs_change_bit(unsigned int nr, char ...

  7. .NET 常见的偏门问题

    1.空格 一般情况下," " 的空格可能被过滤掉,在中文输入法中也同样. 有的人会使用2次空格,但是还是无法达到目的. 实现方法:" "的空格,这不是使用2次空 ...

  8. 【转】【C#】【Thread】Mutex 互斥锁

    Mutex:互斥(体) 又称同步基元. 当创建一个应用程序类时,将同时创建一个系统范围内的命名的Mutex对象.这个互斥元在整个操作系统中都是可见的.当已经存在一个同名的互斥元时,构造函数将会输出一个 ...

  9. windows系统命令服务安装卸载

    安装: sc create PDW.CHM.WebAPI binPath= "%~dp0PDW.CHM.WebAPI.exe" start= autosc start PDW.CH ...

  10. 微软职位内部推荐-UX Designer II

    微软近期Open的职位: Search Technology Center Asia (STCA) Position: UX Designer Location: Beijing, China Sea ...