<!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. NP完全问题 NP-Completeness

    原创翻译加学习笔记,方便国人学习算法知识! 原文链接http://www.geeksforgeeks.org/np-completeness-set-1/ 我们已经找到很多很高效的算法来解决很难得问题 ...

  2. HDU 1576 A/B【扩展欧几里德】

    设A/B=x,则A=Bx n=A%9973=A-9973*y=Bx-9973*y 用扩展欧几里德求解 #include<stdio.h> #include<string.h> ...

  3. （转载）java多态（2）-------Java转型(向上或向下转型)

    5.13.1 向上转型 我们在现实中常常这样说:这个人会唱歌.在这里,我们并不关心这个人是黑人还是白人,是成人还是小孩,也就是说我们更倾向于使用抽象概念“人”.再例如,麻雀是鸟类的一种(鸟类的子类), ...

  4. JavaScript---Angular 和JQuery

    Angular  三层模式 M model和data 数据层 , V view 视图层 , C controller  控制器,程序主逻辑 ,通过指令扩展HTML,通过表达式绑定数据到HTML. Vi ...

  5. WP老杨解迷：如何获得更多的应用评价和解读内容刷新

    Windows Phone的市场评论功能研究的时间比较长,只是这一功能,估计就能写一篇论文,我曾搞过多款评论数超高的游戏,其中<少林塔防>是重量级的作品,至今稳坐最高评分第一把交椅,如果不 ...

  6. IP包格式

    网络层提供的服务就是在不同网段之间转发数据包. Ip包结构 1,格式(每行4byte*5) 2,版本 V4 V6 3,首部长度 20(固定)+可变长度 ,区分服务 Win2008开始:gpedit. ...

  7. C语言 百炼成钢12

    //题目34:对10个数进行排序 #include<stdio.h> #include<stdlib.h> //分析:使用冒泡排序 void main(){ ] = { , , ...

  8. 利用opencv3中的kmeans实现抠图功能

    kmeans算法主要用来实现自动聚类,是一种非监督的机器学习算法,使用非常广泛.在opencv3.0中提供了这样一个函数,直接调用就能实现自动聚类,非常方便. 函数原型: C++: double km ...

  9. 在matlab中对hsv进行均匀量化和非均匀量化

    首先,进行非均匀量化,H,S,V三通道分别量化为16,4,4级,返回一个向量.量化依据如下表: function vec = getHsvHist(Image) [M,N,O] = size(Imag ...

  10. Ubuntu 14.04 下安装google的浏览器——Chrome

    小编用过好多浏览器,但最后还是选择Chrome, 因为这款浏览器确实做的不错,可是Ubuntu下自带的是火狐,因此小编在这里和大家分享一下如何在Ubuntu下安装chrome浏览器 工具/原料   安 ...