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

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的时候是这样的：

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

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

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

可以看到方法基本一致。

 

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

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

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