阅读jquery源码的笔记

<!DOCTYPE html>
<html>

   <head>
       <meta charset="UTF-8">
       <title></title>

       <script>

           //==========================定义立即执行函数，传入全局对象window         start=======================================
           (function(w) {
               function duquery(id) { //定义函数，实现去new的操作

                   function Duquery(id) { //定义类
                       this.ele = document.getElementById(id); //ID查找
                       return this;
                   };
                   Duquery.prototype.html = function(val) { //利用原型添加设置html的方法
                       this.ele.innerHTML = val;
                       return this;
                   };
                   Duquery.prototype.attr = function(key, val) { //添加设置属性的方法
                       this.ele.setAttribute(key, val);
                       return this;
                   };
                   Duquery.prototype.css = function(key, val) { //添加设置样式的方法
                       this.ele.style[key] = val;
                       return this;
                   };
                   Duquery.prototype.on = function(event, fun) {
                       this.ele.addEventListener(event, fun, false);
                       return this;
                   };
                   return new Duquery(id); //去new处理，返回实例对象
               };
               duquery.wait = function(time, fun) { //添加延时静态方法，可以通过函数名直接使用
                   setTimeout(fun, time);
               };
               duquery.each = function() { //添加遍历迭代静态方法
                   for(var key in arr) {
                       callback(key, arr[key]);
                   }
               };
               w.$$ = w.duquery = duquery; //类追加到全局对象window上，页面可以直接调用
           })(window)
           //==========================定义立即执行函数，传入全局对象window         end=======================================

           window.onload = function() {
               //           $$('aa').html('阅读jquery源码');
           }

           function test() {
               test.prototype.name='guoxiaopegn';
               test.prototype.getname = function() {
                   alert(3333);
               };
               test.getStaticname = function() {
               alert("全局函数");
               }
           }
//           var t = new test();
//           alert(t.name);
//           t.getname();
//           test.getStaticname();
           var s = {
               name: "zhangsan",
               getName: function(name) {
                   alert(this.name);
               }
           }
           alert(s.name);
       </script>
   </head>

   <body>
       <div id="aa">

           我的封装dom测试
       </div>
   </body>

</html>

成都创新互联公司坚持“要么做到，要么别承诺”的工作理念，服务领域包括：网站设计、成都做网站、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的景谷网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

文章题目：阅读jquery源码的笔记
网页链接：https://www.cdcxhl.com/article26/jjpgcg.html

成都网站建设公司_创新互联，为您提供网站营销、软件开发、面包屑导航、网站导航、全网营销推广、用户体验

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容