擴展DOM元素的功能

Question

如何選擇一個DOM元素和鏈條的一系列行動，以這樣的元素：

_my('#maindiv').move(100, 250).fadeOut(1000) 

我意識到jQuery和其他庫的主機上面做，但我在有點損失...

實際的實現是沒有必要的，只是選擇和鏈接的基本框架。

Answer 1

使用jQuery你可以鏈方法：

$('#maindiv') 
    .css({left: 100, top: 250}) 
    .fadeOut(1000) 
    .addClass('.foo') 
    .toggleClass('.inactive', $(this).is(':checked')) 
; 

檢查這些方法裏面看到如何讓鏈接。

一般而言，您可以製作像function _(selector)這樣的函數，它返回所選元素對象及其所有新函數。

function _(selector) { 
    var obj = { 
     el: document.getElementById(selector), 
     css: function (attributes, values) { 
      /* ... */ 

      return obj; 
     }, 
     fadeOut: function (speed) { 
      /* ... */ 

      return obj; 
     } 
    }; 

    return obj; 
}