Javascript个性化函数

Javascript personalized function

本文关键字:函数 个性化 Javascript      更新时间:2023-09-26

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

function getId( item )  {
    return document.getElementById( item );
}
getId('elementID').firstFunction('property').secondFunction('property');

但我不知道如何准确地将getId结果发送到firstFunction以使getId()元素有所作为,然后使secondFunction工作,我一直在尝试prototype,但我不能使其工作。

您只需要确保您希望能够链接的所有方法在输出时接受相同的上下文,在您的示例中是一个DOM元素。

因此,firstFunctionsecondFunction都应该期望this是DOM元素,并且也应该返回DOM元素。但是,这意味着您需要修改内置的DOM元素对象并添加自己的方法,这通常不是一个好主意。这就是为什么jQuery将所有内容包装在包含可用API方法的包装器对象中。这些方法都作用于this(必须具有相同的特殊对象类型)并返回相同类型的(通常是修改过的)对象。

在这里查看一个轻量级的示例:http://buildingwebapps.blogspot.com/2012/01/creating-lightweight-dom-javascript.html和一些额外的阅读:http://kendsnyder.com/posts/element-wrappers-in-javascript