Question

我很好奇如何创建一个可链接的函数来继承上一个函数的文档对象

实施例

var d = function(){
   return $(document).on("click", ".s", function(){
       ..Some stuff
   });
}, //Returns the document object
c = function(){
    d().on("click", ".dd", function(){ //Chained from above
       ..Some more stuff
    });
};

在示例中，我在c函数中链接了d函数。但是，我很好奇是否可以传递$（document）对象，所以我基本上就可以传递它：

 $(document).toggleClass("hello").addClass("bye").prop("disabled", true) //Etc..

相反，我想要我自己的函数，只需要传递给它们的文档对象。我意识到我能做到：

var function1 = function($document){
    $document.on("click", ".dd", function(){ //Chained from above
       ..Some more stuff
    });
},
function2 = function($document){
    $document.on("click", ".ddss", function(){ 
       ..Some other stuff
    });
};

var $d = $(document);

function1($d);
function2($d);

我不想像这样缓存文档对象，并学习如何将文档传递给函数我可以简单地链接它们

实施例

var d = function(){
   return $(document).on("click", ".abc", function(){
    //Do stuff
  });
},
ff = function(){
    //i want the document from function d
}

并使用它们

d().ff().on("click", "button", function(){....

jquery创建可链接的功能

0 个答案: