Javascript 类似jquery的函数get元素

Javascript 类似jquery的函数get元素,javascript,function,chaining,Javascript,Function,Chaining,我想建立一个与jquery相似的库 调用函数的示例 $('#myDiv'); $('#myDiv').hide(); 我正在使用来自的模板 而不是打电话 $('#myDiv') // Returns an object 默认情况下,如何才能在没有恼人的“[0]”的情况下获取我的元素?我承认这对我来说是一个挑战,尽管我在评论中随意地说了这一点 值得思考的事情: 您希望$返回一个既有值又有一些辅助函数的对象。 为了创建一个对象,必须编写新的$,这很糟糕,因此我将对象创建抽象到$函数中,这样$函数

我想建立一个与jquery相似的库

调用函数的示例

$('#myDiv');
$('#myDiv').hide();
我正在使用来自的模板

而不是打电话

$('#myDiv') // Returns an object

默认情况下,如何才能在没有恼人的“[0]”的情况下获取我的元素?

我承认这对我来说是一个挑战,尽管我在评论中随意地说了这一点

值得思考的事情: 您希望$返回一个既有值又有一些辅助函数的对象。 为了创建一个对象,必须编写新的$,这很糟糕,因此我将对象创建抽象到$函数中,这样$函数将获得一个id,并创建一个包含两个内容的对象:一个等于document.getElementByID对象的值,以及一些帮助函数

给你:

var $ = function(x){
    var helpers = { /* write your helper functions here, remember this.value is the DOM object*/
    setColor: function(col){
   (this.value).setAttribute("color",col);     
}};
    function f(x){ this.value = document.getElementById(x);};
    f.prototype = helpers;
    return new f(x);
};

$('q').setColor("red");

而不是返回对象;,尝试返回对象[0];为什么不直接编写var$=functionx{return document.getElementbyIdx;//将帮助程序函数作为对象返回}@Aravind我如何将函数作为对象一起返回???@user3744885:参见答案。关于编写类似jQuery的东西的相关文章:
$('#myDiv') // Returns an object
var $ = function(x){
    var helpers = { /* write your helper functions here, remember this.value is the DOM object*/
    setColor: function(col){
   (this.value).setAttribute("color",col);     
}};
    function f(x){ this.value = document.getElementById(x);};
    f.prototype = helpers;
    return new f(x);
};

$('q').setColor("red");