首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

容易的jQuery底层核心框架/库解说

2012-09-04 
简单的jQuery底层核心框架/库解说div idjackloading/divscript(function( window, undefined ) {

简单的jQuery底层核心框架/库解说

<div id="jack">loading</div><script>(function( window, undefined ) {var J = (function(ns){var J = function(selector){return new J.prototype.init(selector); // 返回创建一个对象,让此对象具有 相对应的方法和属性;};J.prototype = {init: function(selector){var quickExpr = /^(?:[^<]*(<[\w\W]+>)[^>]*$|#([\w\-]+)$)/,match = quickExpr.exec( selector ),elem = document.getElementById( match[2] );this[0] = elem;return this; //返回dom 对象},html: function(value){return this[0].innerHTML = value;}}J.prototype.init.prototype = J.prototype; // 将已有对象的属性和方法赋值给 DOM对象return window[ns] = window.$ = J; // 这个比较好理解,把J的对象赋值给全局$ })("Jack");// 这里的jack可以自定义,方向区别$})(window);Jack("#jack").html("test");</script>

热点排行