zoukankan      html  css  js  c++  java
  • jQuery学习之结构解析

    jQuery内核解析

    1、jQuery整体的结构是一个匿名函数

          (function( window, undefined ) {})(window);

    2、jQuery就是一个很普通的函数,也是一个很普通的对象,还是一个构造器函数

                var jQuery = function( selector, context ) {

               return new jQuery.fn.init( selector, context );

           }

    3、window.jQuery相当于把jQuery作为window的一个属性,所以这样一来在外部就可以通过window.jQuery来访问了

    4、$就是window的一个属性,从window.jQuery=window.$=jQuery可以推出:$=jQuery

           window.jQuery = window.$ = jQuery;

    5、jQuery的原型是一个json格式的对象

    6、在jQuery原型上加的方法,只有通过选择器得到jQuery对象,才能调用该方法

           //在jQuery的API中,jQuery(elements)这些方法都得通过jQuery对象才能调用,这些方法全部是加在原型上的方法

           jQuery.fn = jQuery.prototype = {

               length: 0,

               size: function() {

                 return this.length;

               },

               each: function( callback, args ) {

                    return jQuery.each( this, callback, args );

               },

               ready: function( fn ) {}

           };

    7、$.post或者jQuery.post是静态调用,称为全局方法,是直接加在构造器函数上的方法

         //全局方法和jQuery的原型上的方法

            如果写一个方法,该方法和页面上的元素没有关系,这个方法可以为全局方法

            如果写一个方法,该方法和页面上的元素有关系,则这个方法就是jQuery原型的方法

    8、jQuery.fn=jQuery.prototype=$.prototype=window.$.prototype=$.fn=window.jQuery.prototype=window.jQuery.fn

         写一个类似于window的alert

         $.alert = function(message){

             window.alert(message);

         }

    9、我们把一个方法加载jQuery对象上或者加在jQuery原型上,称这样的方法为jQuery插件

         //把jQuery的整个实现过程存放在匿名函数中,就是有些内容肯定不能让外部访问,反之会存在危险

     

  • 相关阅读:
    [洛谷P2711]小行星
    [洛谷P2264]情书
    [洛谷P2626]斐波那契数列(升级版)
    [洛谷P3195][HNOI2008]玩具装箱TOY
    [洛谷P3254]圆桌问题
    [洛谷P1251]餐巾计划问题
    [洛谷P4015]运输问题
    [洛谷P2604][ZJOI2010]网络扩容
    [洛谷P4001][BJOI2006]狼抓兔子
    [洛谷P3153] [CQOI2009]跳舞
  • 原文地址:https://www.cnblogs.com/sunfie/p/4764523.html
Copyright © 2011-2022 走看看