zoukankan      html  css  js  c++  java
  • jquery源代码解读笔记

    1,整体结构如下

    ( function () {
    // ……
    })();
    第一对括号里是一个匿名函数,第一对括号表示执行该函数。
    注: js的匿名函数模式   http://www.hedgerwow.com/360/dhtml/js-anonymous-function-patterns.html
    非匿名函数的类似写法如下
    function test(){alert('test');})();
    所有的jquery代码都放在该匿名函数里,避免了命名冲突。但有两个要单独处理:'jQuery'和'$'

    // Map over jQuery in case of overwrite
    var _jQuery = window.jQuery,
    // Map over the $ in case of overwrite
        _$ = window.$;

    var jQuery = window.jQuery = window.$ = function( selector, context ) {
        
    // The jQuery object is actually just the init constructor 'enhanced'
        return new jQuery.fn.init( selector, context );
    };
    noConflict: function( deep ) {
            window.$ 
    = _$;

            
    if ( deep )
                window.jQuery 
    = _jQuery;

            
    return jQuery;
        },
    假如没有执行noConflict,则原来定义的$或jQuery(如果定义了的话)会被一个新函数覆盖,只在内部留一个原来的引用(名叫_$或_jQuery)。
    如果要兼容原来的$,则执行jQuery.noConflict(),然后只能用jQuery的写法;
    极端情况:"jQuery"也被占用了,又要兼容,那么执行var myJQ =jQuery.noConflict(true),以后全用myJQ的写法。
    注意:这时jquery.js要放在其他js的后面。
    2,
     定义jQuery的构造和原型函数,这个过程同时定义了prototype的别名为fn:jQuery.prototype=jQuery.fn。 jQuery对象的原型prototype包括了诸多的核心方法和属性:
    init
    jquery 当前的版本号
    size 返回了length属性
    length
    get
    each
    ...
    定义完了以后必须写以下代码,不明白
    // Give the init function the jQuery prototype for later instantiation(晚初始化?)
    jQuery.fn.init.prototype = jQuery.fn;
    http://bbs.blueidea.com/thread-2843388-1-1.html
    jQuery.prototype.init( selector, context )是jQuery对象的一个成员函数,但是在jQuery构造函数中总是会执行这个函数,所以说"它是加强的构造函数(init constructor 'enhanced')。因为在执行构造函数jQuery 时总是会执行它。 这也是很多框架的典型做法。
    jQuery有3个身份,类,对象,函数(构造函数)。
    如果find是对象的方法,即类似于 jQuery.find=function(){}
    那么就应该使用jQuery.find();

    如果find是类的成员函数,即类似于 jQuery.prototype.find=function(){}
    那么必须通过jQuery()返回jQuery实例,再调用find方法,即jQuery().find()。

    8,jQuery源码解读---执行过程分析
    http://hi.baidu.com/zhuguoneng/blog/item/3d07e9d667e9482b06088b4c.html
  • 相关阅读:
    浅析http缓存
    多级路由请求js文件路径不对的解决方法
    移动端屏幕适配原理以及方法讲解
    zoom与scale的异同
    querySelectorAll选择器的js实现
    垂直居中效果汇总
    windows配置php开发环境
    CentOS 6.2安装nagios
    Ganglia安装
    Ubuntu 14.04上安装Riak
  • 原文地址:https://www.cnblogs.com/stalwart/p/1750170.html
Copyright © 2011-2022 走看看