欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-12-01 07:55:53
代码很简单,主要是给大家提供个思路,也算是学习javascript这么长时间的一个小小的练手。 链式 是将多个操作(多行代码)通过点号"."链接在一起成为一句...

代码很简单,主要是给大家提供个思路,也算是学习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>