Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/437.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
理解javascript中的方法链接_Javascript_Jquery_Function_Chaining - Fatal编程技术网

理解javascript中的方法链接

理解javascript中的方法链接,javascript,jquery,function,chaining,Javascript,Jquery,Function,Chaining,我想让方法链接起作用,但似乎我没有得到一些概念 这: 首先必须使用jQuery获取HtmleElement节点列表,然后必须调用传递节点列表的activeJS()函数 var activeJS = function(item){ alert(item) //nodelist } 现在我得到一个TypeError:$(…)。activeJS在我的控制台中不是一个函数错误 Thx,如果要创建可从jQuery对象调用的函数,必须将其添加到jQuery原型对象中: jQuery.fn.a

我想让方法链接起作用,但似乎我没有得到一些概念

这:

首先必须使用jQuery获取HtmleElement节点列表,然后必须调用传递节点列表的activeJS()函数

var activeJS = function(item){

    alert(item) //nodelist


}
现在我得到一个TypeError:$(…)。activeJS在我的控制台中不是一个函数错误


Thx,

如果要创建可从jQuery对象调用的函数,必须将其添加到jQuery原型对象中:

jQuery.fn.activeJS = function(item) {
  // ... whatever
};

如果要创建可从jQuery对象调用的函数,必须将其添加到jQuery原型对象:

jQuery.fn.activeJS = function(item) {
  // ... whatever
};

如果要创建可从jQuery对象调用的函数,必须将其添加到jQuery原型对象:

jQuery.fn.activeJS = function(item) {
  // ... whatever
};

如果要创建可从jQuery对象调用的函数,必须将其添加到jQuery原型对象:

jQuery.fn.activeJS = function(item) {
  // ... whatever
};

当一个函数被添加到jQuery(允许链接)中时,它被称为插件,必须考虑以下几点。例如,函数本身是可链接的吗?您的函数是在单个元素上工作还是在多个元素上工作?我建议您研究jQuery插件,并在jQuery中构建插件功能

下面是一个关于构建jQuery插件的示例,它涵盖了链接、传递属性和调用不同插件函数等概念。看看这篇文章,确定你的函数是否真的需要成为一个插件


最好只是将
jQuery
和所选元素作为参数传递给函数,而不是链接。

将函数添加到jQuery(允许链接)时,它被称为插件,必须考虑以下几点。例如,函数本身是可链接的吗?您的函数是在单个元素上工作还是在多个元素上工作?我建议您研究jQuery插件,并在jQuery中构建插件功能

下面是一个关于构建jQuery插件的示例,它涵盖了链接、传递属性和调用不同插件函数等概念。看看这篇文章,确定你的函数是否真的需要成为一个插件


最好只是将
jQuery
和所选元素作为参数传递给函数,而不是链接。

将函数添加到jQuery(允许链接)时,它被称为插件,必须考虑以下几点。例如,函数本身是可链接的吗?您的函数是在单个元素上工作还是在多个元素上工作?我建议您研究jQuery插件,并在jQuery中构建插件功能

下面是一个关于构建jQuery插件的示例,它涵盖了链接、传递属性和调用不同插件函数等概念。看看这篇文章,确定你的函数是否真的需要成为一个插件


最好只是将
jQuery
和所选元素作为参数传递给函数,而不是链接。

将函数添加到jQuery(允许链接)时,它被称为插件,必须考虑以下几点。例如,函数本身是可链接的吗?您的函数是在单个元素上工作还是在多个元素上工作?我建议您研究jQuery插件,并在jQuery中构建插件功能

下面是一个关于构建jQuery插件的示例,它涵盖了链接、传递属性和调用不同插件函数等概念。看看这篇文章,确定你的函数是否真的需要成为一个插件


最好是将
jQuery
和所选元素作为参数传递给函数,而不是链接。

看看这个例子:

var obj = {
    fn: function(){
        console.log("fn method");
        return this;
    },
    abc: function(){
        console.log("abc method");
        return this;
    },
    oneMore: function(){
        console.log("one more method");
        return this;
    }
};
这里通过返回对obj对象的引用来提供链接。 简单地说,每次调用该对象上的方法时,都返回该对象,并且可以继续调用其方法。这是基本的链接模式,您也可以在jQuery中找到它——稍加修改,但想法是一样的。由于javascript的动态特性,我们可以做这类事情。链接允许耦合由公共对象连接的相关方法。这种模式起源于函数式编程,javascript深受函数式语言(主要是scheme)的影响。
但是过多的链接会导致无法阅读的代码,这在很多jQuery示例中都可以看到。

看看这个示例:

var obj = {
    fn: function(){
        console.log("fn method");
        return this;
    },
    abc: function(){
        console.log("abc method");
        return this;
    },
    oneMore: function(){
        console.log("one more method");
        return this;
    }
};
这里通过返回对obj对象的引用来提供链接。 简单地说,每次调用该对象上的方法时,都返回该对象,并且可以继续调用其方法。这是基本的链接模式,您也可以在jQuery中找到它——稍加修改,但想法是一样的。由于javascript的动态特性,我们可以做这类事情。链接允许耦合由公共对象连接的相关方法。这种模式起源于函数式编程,javascript深受函数式语言(主要是scheme)的影响。
但是过多的链接会导致无法阅读的代码,这在很多jQuery示例中都可以看到。

看看这个示例:

var obj = {
    fn: function(){
        console.log("fn method");
        return this;
    },
    abc: function(){
        console.log("abc method");
        return this;
    },
    oneMore: function(){
        console.log("one more method");
        return this;
    }
};
这里通过返回对obj对象的引用来提供链接。 简单地说,每次调用该对象上的方法时,都返回该对象,并且可以继续调用其方法。这是基本的链接模式,您也可以在jQuery中找到它——稍加修改,但想法是一样的。由于javascript的动态特性,我们可以做这类事情。链接允许耦合由公共对象连接的相关方法。这种模式起源于函数式编程,javascript深受函数式语言(主要是scheme)的影响。
但是过多的链接会导致无法阅读的代码,这在很多jQuery示例中都可以看到。

看看这个示例:

var obj = {
    fn: function(){
        console.log("fn method");
        return this;
    },
    abc: function(){
        console.log("abc method");
        return this;
    },
    oneMore: function(){
        console.log("one more method");
        return this;
    }
};