首页 > 代码库 > JavaScript自己模仿jQuery的一点小代码
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的时候是这样的:
1 $("#ShowID").html("新代码");
而使用我的这个代码,就是这样的:
1 seter("ShowID").html("新代码");
可以看到方法基本一致。
模仿的就是jQuery的原理,包装。
我的实现思路基本上就是根据获得的id获取这个对象,然后将这个对象传给一个包含对这个对象的引用的匿名函数,通过闭包的性质,可以创建一个针对该对象的函数类。
语言描述不够好,请包涵。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。