使用JavaScript链式编程实现模拟Jquery函数

代码很简单，主要是给大家提供个思路，也算是学习javascript这么长时间的一个小小的练手。

链式编程 是将多个操作（多行代码）通过点号"."链接在一起成为一句代码。链式代码通常要求操作有返回值，但对于很多操作大都是void型，什么也不返回，这样就很难链起来了，当然也有解决办法，可能不太优雅。链式编程的新思想在jQuery中已流行使用

复制代码 代码如下:
<span>Hello,World！</span>
 <script type="text/javascript">
     Jq = function (tagName) {
         var tagArr = document.getElementsByTagName(tagName);
         var ret = {
             tag: tagArr,
             css: function (attribute, value) {
                 for (var i = 0; i < this.tag.length; i++) {
                     this.tag[i].style[attribute] = value;
                 }
                 return this;
             }
         }
         return ret;
     }
     window.onload = function () {
         Jq("span").css("color", "red")
                   .css("border", "1px solid green")
                   .css("padding", "10px");
     }
 </script>

有意问的话，就留言，大家共同进步

您可能感兴趣的文章:

• 模仿jQuery each函数的链式调用
• Javascript 链式调用实现代码(参考jquery)
• JavaScript对象链式操作代码(jquery)
• jQuery的链式调用浅析
• 浅析jQuery的链式调用之each函数
• jQuery链式操作如何实现以及为什么要用链式操作
• jquery链式操作的正确使用方法
• jQuery链式操作实例分析
• jQuery对象的链式操作用法分析
• jQuery链式调用与show知识浅析