Usar varios metodos de un objeto Javascript separados por puntos en un mismo renglon

[CristianBarb]

Hola, que tal tengo una duda, todos hemos visto que cuando usamos jquery podemos utilizar diferentes métodos dentro de una misma sentencia en el mismo renglón (o en varios renglones) separados por puntos, por ejemplo

var elemento = $("#idElemento");
elemento.css("background","white").addClass("clase ").empty();

o también muchas veces lo ponen en varios renglones:

elemento
.css("background","white")
.addClass("clase")
.empty();


ME GUSTARIA PODER UTILIZAR ESTA MISMA ESTRUCTURA EN MIS CÓDIGOS, ¿Cómo lo puedo lograr?


Yo he creado la siguiente clase

function objetos(id){

this.id = document.getElementById(id);

this.texto(txt){
this.id.value = txt;
}

this.mostrarTexto(){
console.log( this.id.value );
}

}


mi clase funciona bien, cuando lo codifico de la forma normal:

var ele = new objetos("idElemento");
ele.texto("Hola");
ele.mostrarTexto();


pero a mi me gustaría poder hacerlo como la opción de jQuery, es decir:

var ele = new objetos("idElemento");
ele.texto("Hola").mostrarTexto();

o lo que es lo mismo

ele
.texto("Hola")
.mostrarTexto();

¿Alguno de ustedes me puede ayudar porfa a lograrlo?

Muchas gracias.

Saludos