码迷,mamicode.com
首页 > Web开发 > 详细

jquery内核解析

时间:2016-02-28 00:50:05      阅读:271      评论:0      收藏:0      [点我收藏+]

标签:

前言:

本文主要讲述jquery $符的底层源码实现

 

正文:

 

 //jquery整体的结构是一个匿名函数

   (function( window, undefined ) {

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

       var jQuery = function( selector, context ) {

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

       }

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

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

       window.jQuery = window.$ = jQuery;

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

       //在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 ) {}

       };

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

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

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

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

     jQuery.fn=jQuery.prototype=$.prototype=window.$.prototype=$.fn=window.jQuery.prototype=window.jQuery.fn

 

     //写一个类似于window的alert

     $.alert = function(message){

         window.alert(message);

     }

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

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

   })(window);

 

jquery内核解析

标签:

原文地址:http://www.cnblogs.com/sz-zzm/p/5223847.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!