zoukankan      html  css  js  c++  java
  • 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获取这个对象,然后将这个对象传给一个包含对这个对象的引用的匿名函数,通过闭包的性质,可以创建一个针对该对象的函数类。

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

  • 相关阅读:
    repair grub in Ubuntu
    DNS attack experiment
    新闻随感(摩托罗拉125亿被Google收购)
    成为C++高手必须要看的书
    nginx
    Nginx Pitfalls
    gcc/gdb
    python 删除文件
    Solve nginx Error 413 Request Entity Too Large
    Solve Nginx Error 413: Request Entity Too Large
  • 原文地址:https://www.cnblogs.com/sunsoftresearch/p/3847672.html
Copyright © 2011-2022 走看看