Javascript个性化函数

Question

我需要知道如何制作像jQuery function这样的东西，而不是使用CSS选择器，就像这样：

function getId( item )  {
    return document.getElementById( item );
}

getId('elementID').firstFunction('property').secondFunction('property');

但我不知道如何将getId结果发送给firstFunction，以便对getId()元素做一些操作，然后让secondFunction工作，我一直在尝试使用prototype，但我不能让它工作。

Answer 1

您只需要确保您希望能够链接的所有方法都接受与它们输出相同的上下文，在本例中是一个DOM元素。

因此，firstFunction和secondFunction都应该期望this是一个DOM元素，并且也应该返回DOM元素。然而，这意味着您需要修改内置的DOM element对象并添加您自己的方法，即generally a bad idea。这就是为什么jQuery将所有内容包装在一个包装器对象中，该对象包含可作为应用程序接口使用的方法。这些方法都作用于this (它必须是相同的特殊对象类型)，并返回相同类型的对象(通常经过修改)。

在这里查看一个更轻量级的示例：http://buildingwebapps.blogspot.com/2012/01/creating-lightweight-dom-javascript.html，并在此处阅读其他内容：http://kendsnyder.com/posts/element-wrappers-in-javascript