jQuery源码分析-03构造jQuery对象-源码结构和核心函数

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-02 00:07 点击:

作者:nuysoft/高云 QQ:47214707 EMail:nuysoft@gmail.com

毕竟是边读边写,不对的地方请告诉我,多多交流共同进步。本章还未写完,完了会提交PDF。

 

前记:

想系统的好好写写,但是会先从感兴趣的部分开始。

近期有读者把PDF传到了百度文库上,首先感谢转载和传播,但是据为已有并设置了挺高的财富值才能下载就不好了,以后我整理好了会传到文库上。请体谅一下。

 

3.构造jQuery对象

3.1        源码结构

先看看总体结构,再做分解:

 

(function( window, undefined) {

   

    varjQuery = (function() {

       // 构建jQuery对象

       varjQuery = function( selector, context ) {

           returnnewjQuery.fn.init( selector, context, rootjQuery );

       }

   

       // jQuery对象原型

       jQuery.fn = jQuery.prototype = {

           constructor: jQuery,

           init: function( selector, context, rootjQuery ) {

              // selector有以下7种分支情况:

              // DOM元素

              // body(优化)

              // 字符串:HTML标签、HTML字符串、#id、选择器表达式

              // 函数(作为ready回调函数)

              // 最后返回伪数组

           }

       };

   

       // Give the init function the jQuery prototype for later instantiation

       jQuery.fn.init.prototype = jQuery.fn;

   

       // 合并内容到第一个参数中,后续大部分功能都通过该函数扩展

       // 通过jQuery.fn.extend扩展的函数,大部分都会调用通过jQuery.extend扩展的同名函数

       jQuery.extend = jQuery.fn.extend = function() {};

      

       // 在jQuery上扩展静态方法

       jQuery.extend({

           // ready bindReady

           // isPlainObject isEmptyObject

    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • Gb2312转utf-8编码的方法(vbs+js)
    • 如何使用Ajax技术开发Web应用程序(1)
    • js跳转路径问题
    • JavaScript模仿桌面窗口
    • 用js检测两个线段是否相交
    • 我知道的JavaScript -- 设计模式(桥接)应用之 – 验证器
    • 运用JavaScript构建你的第一个Metro式应用程序(on Windows
    • 我是如何去了解jquery的(六),案例之幻灯片轮换
    • Jquery封装幻灯片效果
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
    Copyright © 2008-2015 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1