JavaScript自己模仿jQuery的一点小代码

标签：style   blog   java   color   使用   io   

function seter(sId) {
    var obj = document.getElementById(sId);
    return new function () {
        var objN = obj;
        this.html = function (sHtml) {
            objN.innerHTML = sHtml;
        };
    };
}

这样的代码有怎样的作用呢？

假如HTML代码中有如下的内容：

<div id="ShowID"></div>

当我们需要改变这个div内部的内容的时候，我们一般的做法是：

var o=document.getElementById("ShowID");

o.innerHTML="新代码";

而我们使用jQuery的时候是这样的：

  1 $("#ShowID").html("新代码"); 

而使用我的这个代码，就是这样的：

 1 seter("ShowID").html("新代码"); 

可以看到方法基本一致。

模仿的就是jQuery的原理，包装。

我的实现思路基本上就是根据获得的id获取这个对象，然后将这个对象传给一个包含对这个对象的引用的匿名函数，通过闭包的性质，可以创建一个针对该对象的函数类。

语言描述不够好，请包涵。

JavaScript自己模仿jQuery的一点小代码,布布扣,bubuko.com

JavaScript自己模仿jQuery的一点小代码

标签：style   blog   java   color   使用   io   

原文地址：http://www.cnblogs.com/sunsoftresearch/p/3847672.html