Skip to main content
se añadieron 15 caracteres en el cuerpo
Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

Lo que hace jQuery, de un modo muy simplificado y sin usar expresiones regulares es lo siguiente:

function $$(arg1) {
    debugger;
    if (arg1.charAt(0)=='#') {
      return [document.getElementById(arg1.substr(1))];
    }
    
    if (arg1.charAt(0)=='.') {
      return Array.from(document.getElementsByClassName(arg1.substr(1)));
    }
    
    return Array.from(document.getElementsByTagName(arg1));
    
}

console.log($$('label'))
console.log($$('.hola'))
console.log($$('#dos'))
<label class="hola">texto</label>
<label class="hola" id="dos">texto2</label>
<label class="hola2">texto3</label>

JQuery no devuelve un simple array, sino una clase propia que envuelve a una lista de elementos añadiendo muchas funciones, y acepta muchas más cosas como parámetros, pero para ver todo lo que añade jQuery podemos empezar por el código original en su primera versión (la más sencilla) pero eso da para un libropara un libro

Lo que hace jQuery, de un modo muy simplificado y sin usar expresiones regulares es lo siguiente:

function $$(arg1) {
    debugger;
    if (arg1.charAt(0)=='#') {
      return [document.getElementById(arg1.substr(1))];
    }
    
    if (arg1.charAt(0)=='.') {
      return Array.from(document.getElementsByClassName(arg1.substr(1)));
    }
    
    return Array.from(document.getElementsByTagName(arg1));
    
}

console.log($$('label'))
console.log($$('.hola'))
console.log($$('#dos'))
<label class="hola">texto</label>
<label class="hola" id="dos">texto2</label>
<label class="hola2">texto3</label>

JQuery no devuelve un simple array, sino una clase propia que envuelve a una lista de elementos añadiendo muchas funciones, y acepta muchas más cosas como parámetros, pero para ver todo lo que añade jQuery podemos empezar por el código original en su primera versión (la más sencilla) pero eso da para un libro

Lo que hace jQuery, de un modo muy simplificado y sin usar expresiones regulares es lo siguiente:

function $$(arg1) {
    debugger;
    if (arg1.charAt(0)=='#') {
      return [document.getElementById(arg1.substr(1))];
    }
    
    if (arg1.charAt(0)=='.') {
      return Array.from(document.getElementsByClassName(arg1.substr(1)));
    }
    
    return Array.from(document.getElementsByTagName(arg1));
    
}

console.log($$('label'))
console.log($$('.hola'))
console.log($$('#dos'))
<label class="hola">texto</label>
<label class="hola" id="dos">texto2</label>
<label class="hola2">texto3</label>

JQuery no devuelve un simple array, sino una clase propia que envuelve a una lista de elementos añadiendo muchas funciones, y acepta muchas más cosas como parámetros, pero para ver todo lo que añade jQuery podemos empezar por el código original en su primera versión (la más sencilla) pero eso da para un libro

Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

Lo que hace jQuery, de un modo muy simplificado y sin usar expresiones regulares es lo siguiente:

function $$(arg1) {
    debugger;
    if (arg1.charAt(0)=='#') {
      return [document.getElementById(arg1.substr(1))];
    }
    
    if (arg1.charAt(0)=='.') {
      return Array.from(document.getElementsByClassName(arg1.substr(1)));
    }
    
    return Array.from(document.getElementsByTagName(arg1));
    
}

console.log($$('label'))
console.log($$('.hola'))
console.log($$('#dos'))
<label class="hola">texto</label>
<label class="hola" id="dos">texto2</label>
<label class="hola2">texto3</label>

JQuery no devuelve un simple array, sino una clase propia que envuelve a una lista de elementos añadiendo muchas funciones, y acepta muchas más cosas como parámetros, pero para ver todo lo que añade jQuery podemos empezar por el código original en su primera versión (la más sencilla) pero eso da para un libro