1. 程式人生 > >封裝自己的jquery框架

封裝自己的jquery框架

jQuery is a fast small JavaScript library

如何封裝自己的jQuery

<script> // 這裡使用沙箱模式,可以防止全域性汙染 (function(window,undefined){ var jQuery = function (ele){ return new jQuery.prototype.init(ele) } // 原型替換 jQuery.fn = jQuery.prototype ={ constructor:jQuery, init:function(ele){ var ele = document.querySelectorAll(ele); [].push.apply(this,ele); }, // 這裡用css()舉例子 css:function(name,value){ if(arguments.length == 2){ //設定css樣式 }else if(arguments.length == 1){ if( typeof name === 'object'){ // 設定多個樣式 }else if(typeof name == 'string'){ // 通過getComputedStyle獲取 } } return this; } } // 最關鍵的一步 jQuery.prototype.init.prototype = jQuery.fn; // 暴露給全域性 window.jQuery = window.$ = jQuery; })(window) </script>