首頁 > web前端 > js教程 > jquery源碼抽絲剝繭--把jquery最小化

jquery源碼抽絲剝繭--把jquery最小化

高洛峰
發布: 2016-12-01 13:22:38
原創
1182 人瀏覽過

js程式碼:

(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程式碼:

<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>
登入後複製


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板