suchen

Heim >Web-Frontend >js-Tutorial >Jquery-Quellcode schält sich aus dem Kokon – Minimierung von JQuery

Jquery-Quellcode schält sich aus dem Kokon – Minimierung von JQuery

高洛峰
高洛峰Original
2016-12-01 13:22:381184Durchsuche

JS-Code: 

(function(){
var jQuery = window.jQuery = function( selector, context ) { 
    return new jQuery.prototype.init( selector, context );
}; 
      
window.$ = jQuery; 
 
jQuery.fn = jQuery.prototype = {
    init: function( selector, context ) {
        var elem = document.getElementById(selector);
        if ( elem ) {
            this[0] = elem;
            this.length = 1;
            return this;
        }     
    },
    append: function() {
        alert(arguments[0]);
    }  
};
//为后面的实例化，将jQuery.prototype赋给jQuery.prototype.init.prototype，这个很重要
jQuery.prototype.init.prototype = jQuery.prototype;
 
jQuery.extend = jQuery.fn.extend = function() { 
    var target = arguments[0], length = arguments.length;
     
    if ( length == 1 ) { 
        target = this;    //这里很重要，this给target，才能使用$.
        i = 0;
    }
     
    if ( (options = arguments[0]) != null ) {
        for ( var name in options ) {
            if ( options[ name ] != undefined ) {
                target[ name ] = options[ name ];
            }
                     
        }
    }
    return target;
}; 
 
jQuery.extend({
    isFunction: function( fn ) {
        return !!fn && typeof fn != "string" && !fn.nodeName && 
            fn.constructor != Array && /function/i.test( fn + "" );
    } 
});
})();

HTML-Code: 

<html>
<head>
<script type="text/javascript" src="jmin.js"></script>
 
</head>
<body>
<div id="did"></div> 
<script type="text/javascript">
function f(){};
$("#did").append("<div>append</div>");
alert($.isFunction(f));
</script>
</body>
</html>


Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Einführung in JSON und Zusammenfassung der NutzungscodesNächster Artikel：Einführung in JSON und Zusammenfassung der Nutzungscodes

In Verbindung stehende Artikel

Mehr sehen