(function(window){})(window)

为什么要传window给jquery当参数呢?

1.为了压缩有 引用

2.加速变量的寻找,当找window对象的时候,默认从本级开始寻找,一级级往上到最高层。

window.a==undefined

typeof window.a "undefined" 理论上两种都行,但是在老版本的IE中上种可能不行

传统的js的面向对象构建方式

function A(){}

A.prototype.init=function(){}

A.prototype.css=function(){}

使用:

var a=new A();

a.init();

a.css();

是否很麻烦

jQuery的做法:

function jQuery(){

  return new jQuery.prototype.init();

}

jQuery.prototype.init=function(){}

jQuery.prototype.css=function(){}

jQuery.prototype.init.prototype=jQuery.prototype;//很巧妙,prototype首先是对象,也是型构造函数的原型

使用:

jQuery().css(); 直接省略了两步,被初始化了的

constructor属性,当创建一个js对象的时候,该对象自动有个 constructor属性,该属性就是构造方法

function A(){}

A.prototype.constructor=A;

当var a=new A()的时候,上面这句话自动会赋予的

可以 alert(a.constructor);试试

为什么在 jQuery中 jQuery.fn=jQuery.prototype={......,constructior:jQuery,....}

这一句呢,不是说会自动添加上的么?

首先

function A(){}

A.prototype.name='ww'

A.prototype.age='11'

var a=new A();

alert(a.constructor);//打印出function A(){}

然后 function A(){}

A.prototype={name:'ww',age:'11'}

var a=new A();

alert(a.constructor)//打印出 function Object(){[native object]}

这是因为 第一种 是附加属性 不会影响 构造对象constructor

第二种是 = ,赋予属性而 json格式的 是一个大对象,所以 constructor对象被赋予 object了

写了那句话之后是为了修正,修正为函数形式的。

$("li") 转成的格式为

this:{0:li,1:li,2:li,length}

$.parseHTML()用于实现以上功能转成以上string

$.merge()  合并数组,也可以合并json(但是这个json是key是0,1等的。。。)。 把数组转换成 json

var str="<li>1</li><li>2</li><li>3</li><script>alert(4)<\/script>"

$.parseHTML(str,document,true);//返回数组,每个对象都是一个标签对象['li','li','li','script']

var arr={

  0:'a',

  1:'b'

  length:2}

vr arr2={'c','d'}

$.merge(arr,arr1)    ->{0:'a',1:'b',2:'c',3:'d',length:4}形式的json格式了。

$.makeArray() 生成数组

var div=$("div")

$.makeArray(div)生成 div的数组

$.makeArray()

深拷贝与浅拷贝

var a={}

var b={name:{age:30}}

a.name.age=20

$.extend(a,b)

alert(b.name.age)   打印出20    浅拷贝

$.extend(true,a,b)

a.name.age=20;

allert(b.name.age) 打印出30深拷贝,不同对象

jQuery部分源码帮助理解的更多相关文章

  1. 深入分析,理解jQuery.Deferred源码

    前言: 如果你对jQuery.Callback回调对象不了解,或者只掌握其方法,但是没有通过阅读源码理解,可以先阅读 前一章jQuery.Callbacks源码解读二,因为只有完全理解jQuery.C ...

  2. 【深入浅出jQuery】源码浅析--整体架构

    最近一直在研读 jQuery 源码,初看源码一头雾水毫无头绪,真正静下心来细看写的真是精妙,让你感叹代码之美. 其结构明晰,高内聚.低耦合,兼具优秀的性能与便利的扩展性,在浏览器的兼容性(功能缺陷.渐 ...

  3. 【深入浅出jQuery】源码浅析2--奇技淫巧

    最近一直在研读 jQuery 源码,初看源码一头雾水毫无头绪,真正静下心来细看写的真是精妙,让你感叹代码之美. 其结构明晰,高内聚.低耦合,兼具优秀的性能与便利的扩展性,在浏览器的兼容性(功能缺陷.渐 ...

  4. jQuery.Callbacks 源码解读二

    一.参数标记 /* * once: 确保回调列表仅只fire一次 * unique: 在执行add操作中,确保回调列表中不存在重复的回调 * stopOnFalse: 当执行回调返回值为false,则 ...

  5. 【深入浅出jQuery】源码浅析2--使用技巧

    最近一直在研读 jQuery 源码,初看源码一头雾水毫无头绪,真正静下心来细看写的真是精妙,让你感叹代码之美. 其结构明晰,高内聚.低耦合,兼具优秀的性能与便利的扩展性,在浏览器的兼容性(功能缺陷.渐 ...

  6. 【学】jQuery的源码思路1——后代选择器

    jQuery的源码思路1--后代选择器 这里探讨一下jQuery中后代选择器的封装原理,并自己写一下 getEle('#div1 ul li .box');接受的参数就是个后代选择器,类似于这样: # ...

  7. (转)【深入浅出jQuery】源码浅析2--奇技淫巧

    [深入浅出jQuery]源码浅析2--奇技淫巧 http://www.cnblogs.com/coco1s/p/5303041.html

  8. storm源码之理解Storm中Worker、Executor、Task关系 + 并发度详解

    本文导读: 1 Worker.Executor.task详解 2 配置拓扑的并发度 3 拓扑示例 4 动态配置拓扑并发度 Worker.Executor.Task详解: Storm在集群上运行一个To ...

  9. jQuery.attributes源码分析(attr/prop/val/class)

    回顾 有了之前的几篇对于jQuery.attributes相关的研究,是时候分析jQuery.attr的源码了 Javascript中的attribute和property分析 attribute和p ...

随机推荐

  1. java Pattern

    public class Test{ //匹配替换掉order by之后的字符串 public static void main(String[] args) { Pattern pattern = ...

  2. Improve Scalability With New Thread Pool APIs

    Pooled Threads Improve Scalability With New Thread Pool APIs Robert Saccone Portions of this article ...

  3. GDB动态库搜索路径

    当GDB无法显示so动态库的信息或者显示信息有误时,通常是由于库搜索路径错误导致的,可使用set sysroot.set solib-absolute-prefix.set solib-search- ...

  4. pip使用报错【cannot import name HTTPSHandler】

    python2.7,报错如下: Traceback (most recent call last): File "/usr/local/bin/pip", line 9, in & ...

  5. 进程kswapd0与events/0消耗大量CPU的问题

    http://www.nowamagic.net/librarys/veda/detail/2539 今天下午网站宕了两次机,发工单给阿里云,发现原因是服务器的CPU 100%了. 重启服务器后,使用 ...

  6. 虚拟化之kvm与xen对比

    xen XenServer is the leading open source virtualization platform, powered by the Xen Project hypervi ...

  7. OpenJudge计算概论-鸡兔同笼【新版题目,简单计算级别】

    /*====================================================================== 鸡兔同笼 总时间限制: 1000ms 内存限制: 65 ...

  8. 【转】第6篇:Xilium CefGlue 关于 CLR Object 与 JS 交互类库封装报告:自动注册JS脚本+自动反射方法分析

    作者: 牛A与牛C之间 时间: 2013-11-21 分类: 技术文章 | 暂无评论 | 编辑文章 主页 » 技术文章 » 第6篇:Xilium CefGlue 关于 CLR Object 与 JS ...

  9. yii 获取当前ip 常用的调用变量

    echo Yii::app()->request->hostInfo; //除域名外的URL echo Yii::app()->request->getUrl(); //除域名 ...

  10. python批量制作雷达图

    老板要画雷达图,但是数据好多组怎么办?不能一个一个点excel去画吧,那么可以利用python进行批量制作,得到样式如下: 首先制作一个演示的excel,评分为excel随机数生成: 1 =INT(( ...