使用JavaScript鏈?zhǔn)骄幊虒?shí)現(xiàn)模擬Jquery函數(shù)

2019-11-20 13:39:01

字體：大中小

供稿：網(wǎng)友

代碼很簡(jiǎn)單，主要是給大家提供個(gè)思路，也算是學(xué)習(xí)javascript這么長(zhǎng)時(shí)間的一個(gè)小小的練手。

鏈?zhǔn)骄幊?是將多個(gè)操作（多行代碼）通過點(diǎn)號(hào)"."鏈接在一起成為一句代碼。鏈?zhǔn)酱a通常要求操作有返回值，但對(duì)于很多操作大都是void型，什么也不返回，這樣就很難鏈起來了，當(dāng)然也有解決辦法，可能不太優(yōu)雅。鏈?zhǔn)骄幊痰男滤枷朐趈Query中已流行使用

復(fù)制代碼代碼如下:

<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>