使用JavaScript鏈式編程實現類比Jquery函數,javascriptjquery

來源:互聯網
上載者:User

使用JavaScript鏈式編程實現類比Jquery函數,javascriptjquery

代碼很簡單,主要是給大家提供個思路,也算是學習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>

有意問的話,就留言,大家共同進步

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.